.elementor-6616 .elementor-element.elementor-element-11b64c1{--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:122px 122px;--row-gap:122px;--column-gap:122px;--overlay-opacity:0.5;--padding-top:133px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-11b64c1:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-11b64c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Landscape-Design-Process-Rickys-Lawn-Landscaping.jpg");background-position:center center;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-11b64c1::before, .elementor-6616 .elementor-element.elementor-element-11b64c1 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-11b64c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-11b64c1 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-11b64c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-11b64c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-369112e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-f512f49{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-d802421{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-6616 .elementor-element.elementor-element-d802421 .elementor-heading-title{color:var( --e-global-color-99695ec );}.elementor-6616 .elementor-element.elementor-element-cdc9934{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;color:var( --e-global-color-99695ec );}.elementor-6616 .elementor-element.elementor-element-5995803{--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:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-bf09962{width:var( --container-widget-width, 220px );max-width:220px;--container-widget-width:220px;--container-widget-flex-grow:0;}.elementor-6616 .elementor-element.elementor-element-bf09962.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-6616 .elementor-element.elementor-element-bf09962 img{width:100%;}.elementor-6616 .elementor-element.elementor-element-84933bb{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2px 2px;--row-gap:2px;--column-gap:2px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-a248223{--display:flex;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:var( --e-global-color-99695ec );--border-color:var( --e-global-color-99695ec );--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6616 .elementor-element.elementor-element-a248223:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-a248223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/02/Frame-1618873583.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-3a029d4{text-align:center;}.elementor-6616 .elementor-element.elementor-element-3a029d4 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:27px;font-weight:700;color:var( --e-global-color-99695ec );}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:15px;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-15px;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-field-type-html{padding-bottom:0px;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-field-group .elementor-field{color:var( --e-global-color-99695ec );}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:var( --e-global-color-99695ec );border-radius:50px 50px 50px 50px;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:var( --e-global-color-99695ec );border-radius:50px 50px 50px 50px;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-99695ec );}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-button[type="submit"]{color:#ffffff;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-message.elementor-message-success{color:var( --e-global-color-99695ec );}.elementor-6616 .elementor-element.elementor-element-9ea72a1 .elementor-message.elementor-message-danger{color:#FF0000;}.elementor-6616 .elementor-element.elementor-element-9ea72a1{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-6616 .elementor-element.elementor-element-4210e7d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-ee0f657.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-98a6765.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-00c588b.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-fe70b2a.elementor-element{--align-self:flex-start;}.elementor-6616 .elementor-element.elementor-element-f074e81.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-4f50493{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-00ebbb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:200px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-c10eb43{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-3b3a5f0 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-6616 .elementor-element.elementor-element-3b3a5f0.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-3b3a5f0 .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-6616 .elementor-element.elementor-element-5cc0a65{text-align:center;}.elementor-6616 .elementor-element.elementor-element-5cc0a65 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6616 .elementor-element.elementor-element-224a220{--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-6616 .elementor-element.elementor-element-10b05a8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-8e6d95d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-249d3b3{--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-6616 .elementor-element.elementor-element-249d3b3:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-249d3b3 > .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;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-249d3b3::before, .elementor-6616 .elementor-element.elementor-element-249d3b3 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-249d3b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-249d3b3 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-249d3b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-249d3b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-249d3b3: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-6616 .elementor-element.elementor-element-249d3b3, .elementor-6616 .elementor-element.elementor-element-249d3b3::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-f75323b .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-20e49c9 .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-6616 .elementor-element.elementor-element-edc36e7{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-edc36e7{left:30px;}.elementor-6616 .elementor-element.elementor-element-edc36e7{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-edc36e7 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-edc36e7.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-edc36e7.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-edc36e7.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-edc36e7.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-edc36e7.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-edc36e7 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-edc36e7 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-bc4d846{--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-6616 .elementor-element.elementor-element-bc4d846:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-bc4d846 > .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-6616 .elementor-element.elementor-element-bc4d846::before, .elementor-6616 .elementor-element.elementor-element-bc4d846 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-bc4d846 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-bc4d846 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-bc4d846 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-bc4d846 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-bc4d846: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-6616 .elementor-element.elementor-element-bc4d846, .elementor-6616 .elementor-element.elementor-element-bc4d846::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-9c8a396 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-8d7e3ea .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-6616 .elementor-element.elementor-element-d3e4acc{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-d3e4acc{left:30px;}.elementor-6616 .elementor-element.elementor-element-d3e4acc{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-d3e4acc .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-d3e4acc.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-d3e4acc.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-d3e4acc.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-d3e4acc.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-d3e4acc.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-d3e4acc .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-d3e4acc .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-e8838af{--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-6616 .elementor-element.elementor-element-e8838af:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-e8838af > .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-6616 .elementor-element.elementor-element-e8838af::before, .elementor-6616 .elementor-element.elementor-element-e8838af > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-e8838af > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-e8838af > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-e8838af > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-e8838af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-e8838af: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-6616 .elementor-element.elementor-element-e8838af, .elementor-6616 .elementor-element.elementor-element-e8838af::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-403042f .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-ccff411 .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-6616 .elementor-element.elementor-element-32698fb{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-32698fb{left:30px;}.elementor-6616 .elementor-element.elementor-element-32698fb{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-32698fb .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-32698fb.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-32698fb.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-32698fb.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-32698fb.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-32698fb.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-32698fb .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-32698fb .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-c02e9eb{--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:flex-start;--align-items:flex-start;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-c02e9eb.e-con{--align-self:flex-start;}.elementor-6616 .elementor-element.elementor-element-6524595{--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-6616 .elementor-element.elementor-element-6524595:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-6524595 > .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-6616 .elementor-element.elementor-element-6524595::before, .elementor-6616 .elementor-element.elementor-element-6524595 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-6524595 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-6524595 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-6524595 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-6524595 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-6524595: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-6616 .elementor-element.elementor-element-6524595, .elementor-6616 .elementor-element.elementor-element-6524595::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-2899d4e .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-9d4e76a .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-6616 .elementor-element.elementor-element-d6ff55b{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-d6ff55b{left:30px;}.elementor-6616 .elementor-element.elementor-element-d6ff55b{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-d6ff55b .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-d6ff55b.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-d6ff55b.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-d6ff55b.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-d6ff55b.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-d6ff55b.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-d6ff55b .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-d6ff55b .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-d1156b6{--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-6616 .elementor-element.elementor-element-d1156b6:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-d1156b6 > .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-6616 .elementor-element.elementor-element-d1156b6::before, .elementor-6616 .elementor-element.elementor-element-d1156b6 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d1156b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d1156b6 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d1156b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d1156b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-d1156b6: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-6616 .elementor-element.elementor-element-d1156b6, .elementor-6616 .elementor-element.elementor-element-d1156b6::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-79e8a0f .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-f904251 .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-6616 .elementor-element.elementor-element-f191d6e{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-f191d6e{left:30px;}.elementor-6616 .elementor-element.elementor-element-f191d6e{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-f191d6e .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-f191d6e.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-f191d6e.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-f191d6e.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-f191d6e.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-f191d6e.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-f191d6e .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-f191d6e .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-cd05560{--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-6616 .elementor-element.elementor-element-cd05560:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-cd05560 > .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-6616 .elementor-element.elementor-element-cd05560::before, .elementor-6616 .elementor-element.elementor-element-cd05560 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-cd05560 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-cd05560 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-cd05560 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-cd05560 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-cd05560: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-6616 .elementor-element.elementor-element-cd05560, .elementor-6616 .elementor-element.elementor-element-cd05560::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-ed071c1 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-51dcb15 .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-6616 .elementor-element.elementor-element-3499bb9{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-3499bb9{left:30px;}.elementor-6616 .elementor-element.elementor-element-3499bb9{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-3499bb9 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-3499bb9.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-3499bb9.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-3499bb9.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-3499bb9.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-3499bb9.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-3499bb9 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-3499bb9 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-8abbbb6{--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:flex-start;--align-items:flex-start;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-8abbbb6.e-con{--align-self:flex-start;}.elementor-6616 .elementor-element.elementor-element-8e71ac7{--display:flex;--min-height:460px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-6616 .elementor-element.elementor-element-8e71ac7:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-8e71ac7 > .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 center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-8e71ac7::before, .elementor-6616 .elementor-element.elementor-element-8e71ac7 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-8e71ac7 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-8e71ac7 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-8e71ac7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-8e71ac7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-8e71ac7: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-6616 .elementor-element.elementor-element-8e71ac7, .elementor-6616 .elementor-element.elementor-element-8e71ac7::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-8e71ac7.e-con{--align-self:flex-start;}.elementor-6616 .elementor-element.elementor-element-f715f3e .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-70ba2f9 .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-6616 .elementor-element.elementor-element-79f5100{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-79f5100{left:30px;}.elementor-6616 .elementor-element.elementor-element-79f5100{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-79f5100 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-79f5100.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-79f5100.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-79f5100.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-79f5100.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-79f5100.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-79f5100 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-79f5100 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-68e3193{--display:flex;}.elementor-6616 .elementor-element.elementor-element-fbf87a2{--display:flex;}.elementor-6616 .elementor-element.elementor-element-a4de25e{--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-6616 .elementor-element.elementor-element-9e7c17f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-ae667b8{--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-6616 .elementor-element.elementor-element-ae667b8:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-ae667b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Aeration.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-ae667b8::before, .elementor-6616 .elementor-element.elementor-element-ae667b8 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-ae667b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-ae667b8 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-ae667b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-ae667b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-ae667b8: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-6616 .elementor-element.elementor-element-ae667b8, .elementor-6616 .elementor-element.elementor-element-ae667b8::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-702d093 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-646dd27 .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-6616 .elementor-element.elementor-element-2fc16b7{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-2fc16b7{left:30px;}.elementor-6616 .elementor-element.elementor-element-2fc16b7{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-2fc16b7 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-2fc16b7.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-2fc16b7.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-2fc16b7.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-2fc16b7.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-2fc16b7.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-2fc16b7 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-2fc16b7 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-7fedd39{--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-6616 .elementor-element.elementor-element-7fedd39:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-7fedd39 > .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-6616 .elementor-element.elementor-element-7fedd39::before, .elementor-6616 .elementor-element.elementor-element-7fedd39 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-7fedd39 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-7fedd39 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-7fedd39 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-7fedd39 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-7fedd39: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-6616 .elementor-element.elementor-element-7fedd39, .elementor-6616 .elementor-element.elementor-element-7fedd39::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-dedc06e .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-ccf000a .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-6616 .elementor-element.elementor-element-879298b{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-879298b{left:30px;}.elementor-6616 .elementor-element.elementor-element-879298b{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-879298b .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-879298b.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-879298b.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-879298b.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-879298b.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-879298b.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-879298b .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-879298b .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-e83495c{--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-6616 .elementor-element.elementor-element-e83495c:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-e83495c > .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-6616 .elementor-element.elementor-element-e83495c::before, .elementor-6616 .elementor-element.elementor-element-e83495c > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-e83495c > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-e83495c > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-e83495c > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-e83495c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-e83495c: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-6616 .elementor-element.elementor-element-e83495c, .elementor-6616 .elementor-element.elementor-element-e83495c::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-50cf67a .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-93f0d06 .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-6616 .elementor-element.elementor-element-bb2c9aa{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-bb2c9aa{left:30px;}.elementor-6616 .elementor-element.elementor-element-bb2c9aa{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-bb2c9aa .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-bb2c9aa.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-bb2c9aa.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-bb2c9aa.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-bb2c9aa.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-bb2c9aa.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-bb2c9aa .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-bb2c9aa .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-aa42b4e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-50d04ab{--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-6616 .elementor-element.elementor-element-50d04ab:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-50d04ab > .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-6616 .elementor-element.elementor-element-50d04ab::before, .elementor-6616 .elementor-element.elementor-element-50d04ab > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-50d04ab > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-50d04ab > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-50d04ab > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-50d04ab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-50d04ab: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-6616 .elementor-element.elementor-element-50d04ab, .elementor-6616 .elementor-element.elementor-element-50d04ab::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-58d35cd .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-f47a856 .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-6616 .elementor-element.elementor-element-c77b325{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-c77b325{left:30px;}.elementor-6616 .elementor-element.elementor-element-c77b325{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-c77b325 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-c77b325.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-c77b325.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-c77b325.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-c77b325.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-c77b325.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-c77b325 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-c77b325 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-ac685d6{--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-6616 .elementor-element.elementor-element-ac685d6:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-ac685d6 > .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-6616 .elementor-element.elementor-element-ac685d6::before, .elementor-6616 .elementor-element.elementor-element-ac685d6 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-ac685d6 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-ac685d6 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-ac685d6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-ac685d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-ac685d6: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-6616 .elementor-element.elementor-element-ac685d6, .elementor-6616 .elementor-element.elementor-element-ac685d6::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-4a51fac .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-4c48c79 .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-6616 .elementor-element.elementor-element-f9e25dd{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-f9e25dd{left:30px;}.elementor-6616 .elementor-element.elementor-element-f9e25dd{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-f9e25dd .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-f9e25dd.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-f9e25dd.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-f9e25dd.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-f9e25dd.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-f9e25dd.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-f9e25dd .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-f9e25dd .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-a04e8e2{--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-6616 .elementor-element.elementor-element-a04e8e2:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-a04e8e2 > .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-6616 .elementor-element.elementor-element-a04e8e2::before, .elementor-6616 .elementor-element.elementor-element-a04e8e2 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-a04e8e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-a04e8e2 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-a04e8e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-a04e8e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-a04e8e2: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-6616 .elementor-element.elementor-element-a04e8e2, .elementor-6616 .elementor-element.elementor-element-a04e8e2::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-116ef12 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-cf4952c .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-6616 .elementor-element.elementor-element-ac8207e{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-ac8207e{left:30px;}.elementor-6616 .elementor-element.elementor-element-ac8207e{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-ac8207e .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-ac8207e.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-ac8207e.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-ac8207e.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-ac8207e.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-ac8207e.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-ac8207e .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-ac8207e .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-46395b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-074f671{--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-6616 .elementor-element.elementor-element-074f671:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-074f671 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Full-Landscaping-Services.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-074f671::before, .elementor-6616 .elementor-element.elementor-element-074f671 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-074f671 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-074f671 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-074f671 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-074f671 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-074f671: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-6616 .elementor-element.elementor-element-074f671, .elementor-6616 .elementor-element.elementor-element-074f671::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-39fbb0f .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-b095b11 .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-6616 .elementor-element.elementor-element-b4cd508{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-b4cd508{left:30px;}.elementor-6616 .elementor-element.elementor-element-b4cd508{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-b4cd508 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-b4cd508.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-b4cd508.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-b4cd508.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-b4cd508.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-b4cd508.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-b4cd508 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-b4cd508 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-547a28a{--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-6616 .elementor-element.elementor-element-547a28a:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-547a28a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-5.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-547a28a::before, .elementor-6616 .elementor-element.elementor-element-547a28a > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-547a28a > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-547a28a > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-547a28a > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-547a28a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-547a28a: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-6616 .elementor-element.elementor-element-547a28a, .elementor-6616 .elementor-element.elementor-element-547a28a::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-2398ff0 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-4f554ef .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-6616 .elementor-element.elementor-element-11633bb{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-11633bb{left:30px;}.elementor-6616 .elementor-element.elementor-element-11633bb{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-11633bb .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-11633bb.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-11633bb.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-11633bb.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-11633bb.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-11633bb.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-11633bb .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-11633bb .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-441c8ef{--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-6616 .elementor-element.elementor-element-441c8ef:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-441c8ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Lawn-Dethatching-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-441c8ef::before, .elementor-6616 .elementor-element.elementor-element-441c8ef > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-441c8ef > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-441c8ef > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-441c8ef > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-441c8ef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-441c8ef: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-6616 .elementor-element.elementor-element-441c8ef, .elementor-6616 .elementor-element.elementor-element-441c8ef::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-a5e2e90 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-e071e2e .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-6616 .elementor-element.elementor-element-1817f1c{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-1817f1c{left:30px;}.elementor-6616 .elementor-element.elementor-element-1817f1c{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-1817f1c .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-1817f1c.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-1817f1c.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-1817f1c.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-1817f1c.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-1817f1c.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-1817f1c .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-1817f1c .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-9354087{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-3069d63{--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-6616 .elementor-element.elementor-element-3069d63:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-3069d63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Leaf-Removal-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-3069d63::before, .elementor-6616 .elementor-element.elementor-element-3069d63 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3069d63 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3069d63 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3069d63 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3069d63 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-3069d63: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-6616 .elementor-element.elementor-element-3069d63, .elementor-6616 .elementor-element.elementor-element-3069d63::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-085056a .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-94d0346 .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-6616 .elementor-element.elementor-element-fec830d{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-fec830d{left:30px;}.elementor-6616 .elementor-element.elementor-element-fec830d{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-fec830d .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-fec830d.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-fec830d.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-fec830d.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-fec830d.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-fec830d.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-fec830d .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-fec830d .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-c3cff76{--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-6616 .elementor-element.elementor-element-c3cff76:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-c3cff76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Mowing.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-c3cff76::before, .elementor-6616 .elementor-element.elementor-element-c3cff76 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-c3cff76 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-c3cff76 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-c3cff76 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-c3cff76 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-c3cff76: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-6616 .elementor-element.elementor-element-c3cff76, .elementor-6616 .elementor-element.elementor-element-c3cff76::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-abdd462 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-0a5995b .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-6616 .elementor-element.elementor-element-12c9f44{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-12c9f44{left:30px;}.elementor-6616 .elementor-element.elementor-element-12c9f44{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-12c9f44 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-12c9f44.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-12c9f44.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-12c9f44.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-12c9f44.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-12c9f44.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-12c9f44 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-12c9f44 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-acf03c5{--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-6616 .elementor-element.elementor-element-acf03c5:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-acf03c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/planting.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-acf03c5::before, .elementor-6616 .elementor-element.elementor-element-acf03c5 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-acf03c5 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-acf03c5 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-acf03c5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-acf03c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-acf03c5: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-6616 .elementor-element.elementor-element-acf03c5, .elementor-6616 .elementor-element.elementor-element-acf03c5::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-8834dfe .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-5426c90 .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-6616 .elementor-element.elementor-element-cc79280{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-cc79280{left:30px;}.elementor-6616 .elementor-element.elementor-element-cc79280{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-cc79280 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-cc79280.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-cc79280.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-cc79280.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-cc79280.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-cc79280.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-cc79280 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-cc79280 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-f1b5131{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-c499574{--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-6616 .elementor-element.elementor-element-c499574:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-c499574 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Seasonal-Flowers-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-c499574::before, .elementor-6616 .elementor-element.elementor-element-c499574 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-c499574 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-c499574 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-c499574 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-c499574 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-c499574: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-6616 .elementor-element.elementor-element-c499574, .elementor-6616 .elementor-element.elementor-element-c499574::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-5cb1e6f .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-74c57cb .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-6616 .elementor-element.elementor-element-de7a028{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-de7a028{left:30px;}.elementor-6616 .elementor-element.elementor-element-de7a028{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-de7a028 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-de7a028.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-de7a028.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-de7a028.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-de7a028.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-de7a028.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-de7a028 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-de7a028 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-ab0a427{--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-6616 .elementor-element.elementor-element-ab0a427:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-ab0a427 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Seasonal-Mulchign.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-ab0a427::before, .elementor-6616 .elementor-element.elementor-element-ab0a427 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-ab0a427 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-ab0a427 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-ab0a427 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-ab0a427 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-ab0a427: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-6616 .elementor-element.elementor-element-ab0a427, .elementor-6616 .elementor-element.elementor-element-ab0a427::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-ff40f96 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-9686518 .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-6616 .elementor-element.elementor-element-ab0a2e2{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-ab0a2e2{left:30px;}.elementor-6616 .elementor-element.elementor-element-ab0a2e2{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-ab0a2e2 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-ab0a2e2.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-ab0a2e2.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-ab0a2e2.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-ab0a2e2.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-ab0a2e2.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-ab0a2e2 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-ab0a2e2 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-3ca810a{--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-6616 .elementor-element.elementor-element-3ca810a:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-3ca810a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Snow-Removal-2-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-3ca810a::before, .elementor-6616 .elementor-element.elementor-element-3ca810a > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3ca810a > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3ca810a > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3ca810a > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3ca810a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-3ca810a: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-6616 .elementor-element.elementor-element-3ca810a, .elementor-6616 .elementor-element.elementor-element-3ca810a::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-4d61958 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-8754350 .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-6616 .elementor-element.elementor-element-e0305ad{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-e0305ad{left:30px;}.elementor-6616 .elementor-element.elementor-element-e0305ad{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-e0305ad .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-e0305ad.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-e0305ad.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-e0305ad.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-e0305ad.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-e0305ad.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-e0305ad .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-e0305ad .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-752ff04{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-72f4543{--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-6616 .elementor-element.elementor-element-72f4543:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-72f4543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Sod.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-72f4543::before, .elementor-6616 .elementor-element.elementor-element-72f4543 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-72f4543 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-72f4543 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-72f4543 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-72f4543 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-72f4543: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-6616 .elementor-element.elementor-element-72f4543, .elementor-6616 .elementor-element.elementor-element-72f4543::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-c07f227 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-40566c1 .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-6616 .elementor-element.elementor-element-28967da{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-28967da{left:30px;}.elementor-6616 .elementor-element.elementor-element-28967da{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-28967da .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-28967da.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-28967da.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-28967da.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-28967da.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-28967da.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-28967da .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-28967da .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-d57eb16{--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-6616 .elementor-element.elementor-element-d57eb16:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-d57eb16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-6.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-d57eb16::before, .elementor-6616 .elementor-element.elementor-element-d57eb16 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d57eb16 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d57eb16 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d57eb16 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d57eb16 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-d57eb16: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-6616 .elementor-element.elementor-element-d57eb16, .elementor-6616 .elementor-element.elementor-element-d57eb16::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-a82d1df .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-852d407 .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-6616 .elementor-element.elementor-element-a15bda9{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-a15bda9{left:30px;}.elementor-6616 .elementor-element.elementor-element-a15bda9{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-a15bda9 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-a15bda9.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-a15bda9.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-a15bda9.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-a15bda9.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-a15bda9.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-a15bda9 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-a15bda9 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-886d64d{--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-6616 .elementor-element.elementor-element-886d64d:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-886d64d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Synthetic-Turf-Installations.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-886d64d::before, .elementor-6616 .elementor-element.elementor-element-886d64d > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-886d64d > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-886d64d > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-886d64d > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-886d64d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-886d64d: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-6616 .elementor-element.elementor-element-886d64d, .elementor-6616 .elementor-element.elementor-element-886d64d::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-c58d9e3 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-551ca6a .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-6616 .elementor-element.elementor-element-aa2a363{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-aa2a363{left:30px;}.elementor-6616 .elementor-element.elementor-element-aa2a363{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-aa2a363 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-aa2a363.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-aa2a363.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-aa2a363.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-aa2a363.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-aa2a363.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-aa2a363 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-aa2a363 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-23dd521{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-8a96489{--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-6616 .elementor-element.elementor-element-8a96489:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-8a96489 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Tree-Stump-Removal-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-8a96489::before, .elementor-6616 .elementor-element.elementor-element-8a96489 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-8a96489 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-8a96489 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-8a96489 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-8a96489 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-8a96489: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-6616 .elementor-element.elementor-element-8a96489, .elementor-6616 .elementor-element.elementor-element-8a96489::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-d0172cf .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-60b6d14 .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-6616 .elementor-element.elementor-element-4fc8487{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-4fc8487{left:30px;}.elementor-6616 .elementor-element.elementor-element-4fc8487{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-4fc8487 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-4fc8487.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-4fc8487.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-4fc8487.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-4fc8487.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-4fc8487.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-4fc8487 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-4fc8487 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-6759bf0{--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-6616 .elementor-element.elementor-element-6759bf0:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-6759bf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-7.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-6759bf0::before, .elementor-6616 .elementor-element.elementor-element-6759bf0 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-6759bf0 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-6759bf0 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-6759bf0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-6759bf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-6759bf0: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-6616 .elementor-element.elementor-element-6759bf0, .elementor-6616 .elementor-element.elementor-element-6759bf0::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-a43e3d2 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-c6fae70 .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-6616 .elementor-element.elementor-element-1ef8dbf{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-1ef8dbf{left:30px;}.elementor-6616 .elementor-element.elementor-element-1ef8dbf{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-1ef8dbf .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-1ef8dbf.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-1ef8dbf.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-1ef8dbf.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-1ef8dbf.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-1ef8dbf.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-1ef8dbf .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-1ef8dbf .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-2f100bc{--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-6616 .elementor-element.elementor-element-2f100bc:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-2f100bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Power-Washing.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-2f100bc::before, .elementor-6616 .elementor-element.elementor-element-2f100bc > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-2f100bc > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-2f100bc > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-2f100bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-2f100bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-2f100bc: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-6616 .elementor-element.elementor-element-2f100bc, .elementor-6616 .elementor-element.elementor-element-2f100bc::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-7698736 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-4ae4c20 .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-6616 .elementor-element.elementor-element-0be6728{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-0be6728{left:30px;}.elementor-6616 .elementor-element.elementor-element-0be6728{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-0be6728 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-0be6728.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-0be6728.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-0be6728.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-0be6728.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-0be6728.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-0be6728 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-0be6728 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-73fdd99{--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-6616 .elementor-element.elementor-element-73fdd99 > .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-6616 .elementor-element.elementor-element-73fdd99.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-6616 .elementor-element.elementor-element-73fdd99.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-6616 .elementor-element.elementor-element-73fdd99.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-6616 .elementor-element.elementor-element-73fdd99.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-6616 .elementor-element.elementor-element-73fdd99 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-99695ec );}.elementor-6616 .elementor-element.elementor-element-98b6ae5{--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-6616 .elementor-element.elementor-element-848f8fb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6616 .elementor-element.elementor-element-848f8fb.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-30bd6d6 .elementor-button{background-color:var( --e-global-color-text );}.elementor-6616 .elementor-element.elementor-element-30bd6d6 .elementor-button:hover, .elementor-6616 .elementor-element.elementor-element-30bd6d6 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-6616 .elementor-element.elementor-element-30bd6d6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6616 .elementor-element.elementor-element-30bd6d6.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-59d8adc{--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-6616 .elementor-element.elementor-element-469d388{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-0a8b87c > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-6616 .elementor-element.elementor-element-0a8b87c.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-0a8b87c .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-6616 .elementor-element.elementor-element-8dee086{text-align:center;}.elementor-6616 .elementor-element.elementor-element-8dee086 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6616 .elementor-element.elementor-element-9674b20{--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-6616 .elementor-element.elementor-element-00007d4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-f4cc435{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-3191b2c{--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-6616 .elementor-element.elementor-element-3191b2c:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-3191b2c > .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;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-3191b2c::before, .elementor-6616 .elementor-element.elementor-element-3191b2c > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3191b2c > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3191b2c > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3191b2c > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3191b2c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-3191b2c: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-6616 .elementor-element.elementor-element-3191b2c, .elementor-6616 .elementor-element.elementor-element-3191b2c::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-2e60c3d .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-dccf4e4 .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-6616 .elementor-element.elementor-element-3b29456{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-3b29456{left:30px;}.elementor-6616 .elementor-element.elementor-element-3b29456{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-3b29456 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-3b29456.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-3b29456.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-3b29456.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-3b29456.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-3b29456.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-3b29456 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-3b29456 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-93cd54a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-fb630e3{--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-6616 .elementor-element.elementor-element-fb630e3:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-fb630e3 > .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-6616 .elementor-element.elementor-element-fb630e3::before, .elementor-6616 .elementor-element.elementor-element-fb630e3 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-fb630e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-fb630e3 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-fb630e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-fb630e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-fb630e3: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-6616 .elementor-element.elementor-element-fb630e3, .elementor-6616 .elementor-element.elementor-element-fb630e3::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-60b7b1e .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-ddc64f1 .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-6616 .elementor-element.elementor-element-52f53dd{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-52f53dd{left:30px;}.elementor-6616 .elementor-element.elementor-element-52f53dd{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-52f53dd .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-52f53dd.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-52f53dd.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-52f53dd.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-52f53dd.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-52f53dd.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-52f53dd .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-52f53dd .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-f6f6550{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-e5748f9{--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-6616 .elementor-element.elementor-element-e5748f9:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-e5748f9 > .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-6616 .elementor-element.elementor-element-e5748f9::before, .elementor-6616 .elementor-element.elementor-element-e5748f9 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-e5748f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-e5748f9 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-e5748f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-e5748f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-e5748f9: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-6616 .elementor-element.elementor-element-e5748f9, .elementor-6616 .elementor-element.elementor-element-e5748f9::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-666f813 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-8f29045 .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-6616 .elementor-element.elementor-element-c082e50{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-c082e50{left:30px;}.elementor-6616 .elementor-element.elementor-element-c082e50{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-c082e50 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-c082e50.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-c082e50.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-c082e50.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-c082e50.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-c082e50.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-c082e50 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-c082e50 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-c1a4c6d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-4de2d86{--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-6616 .elementor-element.elementor-element-4de2d86:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-4de2d86 > .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-6616 .elementor-element.elementor-element-4de2d86::before, .elementor-6616 .elementor-element.elementor-element-4de2d86 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-4de2d86 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-4de2d86 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-4de2d86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-4de2d86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-4de2d86: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-6616 .elementor-element.elementor-element-4de2d86, .elementor-6616 .elementor-element.elementor-element-4de2d86::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-fc43e2d .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-50d308a .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-6616 .elementor-element.elementor-element-79c8dc4{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-79c8dc4{left:30px;}.elementor-6616 .elementor-element.elementor-element-79c8dc4{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-79c8dc4 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-79c8dc4.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-79c8dc4.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-79c8dc4.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-79c8dc4.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-79c8dc4.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-79c8dc4 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-79c8dc4 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-752e555{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-2fab247{--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-6616 .elementor-element.elementor-element-2fab247:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-2fab247 > .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-6616 .elementor-element.elementor-element-2fab247::before, .elementor-6616 .elementor-element.elementor-element-2fab247 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-2fab247 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-2fab247 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-2fab247 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-2fab247 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-2fab247: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-6616 .elementor-element.elementor-element-2fab247, .elementor-6616 .elementor-element.elementor-element-2fab247::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-b14f16d .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-ee3789d .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-6616 .elementor-element.elementor-element-a19170e{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-a19170e{left:30px;}.elementor-6616 .elementor-element.elementor-element-a19170e{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-a19170e .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-a19170e.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-a19170e.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-a19170e.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-a19170e.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-a19170e.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-a19170e .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-a19170e .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-7901b68{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-3b99912{--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-6616 .elementor-element.elementor-element-3b99912:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-3b99912 > .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-6616 .elementor-element.elementor-element-3b99912::before, .elementor-6616 .elementor-element.elementor-element-3b99912 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3b99912 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3b99912 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3b99912 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3b99912 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-3b99912: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-6616 .elementor-element.elementor-element-3b99912, .elementor-6616 .elementor-element.elementor-element-3b99912::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-46aa8ee .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-8dc0f70 .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-6616 .elementor-element.elementor-element-2e6aa67{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-2e6aa67{left:30px;}.elementor-6616 .elementor-element.elementor-element-2e6aa67{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-2e6aa67 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-2e6aa67.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-2e6aa67.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-2e6aa67.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-2e6aa67.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-2e6aa67.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-2e6aa67 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-2e6aa67 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-0680eaf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-7c2b2cd{--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-6616 .elementor-element.elementor-element-7c2b2cd:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-7c2b2cd > .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-6616 .elementor-element.elementor-element-7c2b2cd::before, .elementor-6616 .elementor-element.elementor-element-7c2b2cd > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-7c2b2cd > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-7c2b2cd > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-7c2b2cd > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-7c2b2cd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-7c2b2cd: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-6616 .elementor-element.elementor-element-7c2b2cd, .elementor-6616 .elementor-element.elementor-element-7c2b2cd::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-a33fafa .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-2379f3f .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-6616 .elementor-element.elementor-element-ef878f2{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-ef878f2{left:30px;}.elementor-6616 .elementor-element.elementor-element-ef878f2{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-ef878f2 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-ef878f2.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-ef878f2.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-ef878f2.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-ef878f2.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-ef878f2.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-ef878f2 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-ef878f2 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-61840fd{--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-6616 .elementor-element.elementor-element-61840fd .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-6616 .elementor-element.elementor-element-e86265c{--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-6616 .elementor-element.elementor-element-cfa4c2f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-f708f44{--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-6616 .elementor-element.elementor-element-f708f44:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-f708f44 > .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-6616 .elementor-element.elementor-element-f708f44::before, .elementor-6616 .elementor-element.elementor-element-f708f44 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-f708f44 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-f708f44 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-f708f44 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-f708f44 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-f708f44: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-6616 .elementor-element.elementor-element-f708f44, .elementor-6616 .elementor-element.elementor-element-f708f44::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-8d8bf8c .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-4f66bed .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-6616 .elementor-element.elementor-element-f4aaede{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-f4aaede{left:30px;}.elementor-6616 .elementor-element.elementor-element-f4aaede{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-f4aaede .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-f4aaede.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-f4aaede.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-f4aaede.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-f4aaede.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-f4aaede.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-f4aaede .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-f4aaede .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-52d7795{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-3a428d8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6616 .elementor-element.elementor-element-3a428d8:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-3a428d8 > .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-6616 .elementor-element.elementor-element-3a428d8::before, .elementor-6616 .elementor-element.elementor-element-3a428d8 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3a428d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-3a428d8 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3a428d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-3a428d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-3a428d8: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-6616 .elementor-element.elementor-element-3a428d8, .elementor-6616 .elementor-element.elementor-element-3a428d8::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-0488f62 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-f04fd1a .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-6616 .elementor-element.elementor-element-483502b{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-483502b{left:30px;}.elementor-6616 .elementor-element.elementor-element-483502b{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-483502b .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-483502b.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-483502b.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-483502b.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-483502b.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-483502b.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-483502b .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-483502b .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-db4e98e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-d9db3d8{--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-6616 .elementor-element.elementor-element-d9db3d8:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-d9db3d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Full-Landscaping-Services.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-d9db3d8::before, .elementor-6616 .elementor-element.elementor-element-d9db3d8 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d9db3d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d9db3d8 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d9db3d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d9db3d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-d9db3d8: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-6616 .elementor-element.elementor-element-d9db3d8, .elementor-6616 .elementor-element.elementor-element-d9db3d8::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-83d3a31 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-6f6e388 .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-6616 .elementor-element.elementor-element-bfa23b9{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-bfa23b9{left:30px;}.elementor-6616 .elementor-element.elementor-element-bfa23b9{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-bfa23b9 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-bfa23b9.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-bfa23b9.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-bfa23b9.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-bfa23b9.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-bfa23b9.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-bfa23b9 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-bfa23b9 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-3337a93{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-d653964{--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-6616 .elementor-element.elementor-element-d653964:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-d653964 > .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-6616 .elementor-element.elementor-element-d653964::before, .elementor-6616 .elementor-element.elementor-element-d653964 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d653964 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d653964 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d653964 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d653964 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-d653964: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-6616 .elementor-element.elementor-element-d653964, .elementor-6616 .elementor-element.elementor-element-d653964::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-d0492c6 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-9493474 .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-6616 .elementor-element.elementor-element-76e3f6a{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-76e3f6a{left:30px;}.elementor-6616 .elementor-element.elementor-element-76e3f6a{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-76e3f6a .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-76e3f6a.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-76e3f6a.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-76e3f6a.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-76e3f6a.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-76e3f6a.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-76e3f6a .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-76e3f6a .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-9a9ba27{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-88d1f28{--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-6616 .elementor-element.elementor-element-88d1f28:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-88d1f28 > .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-6616 .elementor-element.elementor-element-88d1f28::before, .elementor-6616 .elementor-element.elementor-element-88d1f28 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-88d1f28 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-88d1f28 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-88d1f28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-88d1f28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-88d1f28: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-6616 .elementor-element.elementor-element-88d1f28, .elementor-6616 .elementor-element.elementor-element-88d1f28::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-38814b1 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-0b2b733 .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-6616 .elementor-element.elementor-element-78e1254{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-78e1254{left:30px;}.elementor-6616 .elementor-element.elementor-element-78e1254{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-78e1254 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-78e1254.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-78e1254.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-78e1254.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-78e1254.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-78e1254.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-78e1254 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-78e1254 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-70a52bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-85b5a12{--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-6616 .elementor-element.elementor-element-85b5a12:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-85b5a12 > .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-6616 .elementor-element.elementor-element-85b5a12::before, .elementor-6616 .elementor-element.elementor-element-85b5a12 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-85b5a12 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-85b5a12 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-85b5a12 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-85b5a12 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-85b5a12: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-6616 .elementor-element.elementor-element-85b5a12, .elementor-6616 .elementor-element.elementor-element-85b5a12::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-a23284d .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-44dfee3 .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-6616 .elementor-element.elementor-element-5691bfa{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-5691bfa{left:30px;}.elementor-6616 .elementor-element.elementor-element-5691bfa{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-5691bfa .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-5691bfa.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-5691bfa.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-5691bfa.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-5691bfa.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-5691bfa.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-5691bfa .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-5691bfa .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-af0dff4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-9f99467{--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-6616 .elementor-element.elementor-element-9f99467:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-9f99467 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-5.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-9f99467::before, .elementor-6616 .elementor-element.elementor-element-9f99467 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-9f99467 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-9f99467 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-9f99467 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-9f99467 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-9f99467: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-6616 .elementor-element.elementor-element-9f99467, .elementor-6616 .elementor-element.elementor-element-9f99467::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-4d5c3ac .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-0e373f3 .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-6616 .elementor-element.elementor-element-f9ccf9a{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-f9ccf9a{left:30px;}.elementor-6616 .elementor-element.elementor-element-f9ccf9a{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-f9ccf9a .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-f9ccf9a.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-f9ccf9a.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-f9ccf9a.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-f9ccf9a.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-f9ccf9a.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-f9ccf9a .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-f9ccf9a .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-eb1987e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-11bc214{--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-6616 .elementor-element.elementor-element-11bc214:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-11bc214 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Lawn-Dethatching-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-11bc214::before, .elementor-6616 .elementor-element.elementor-element-11bc214 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-11bc214 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-11bc214 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-11bc214 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-11bc214 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-11bc214: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-6616 .elementor-element.elementor-element-11bc214, .elementor-6616 .elementor-element.elementor-element-11bc214::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-c972a74 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-db13e94 .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-6616 .elementor-element.elementor-element-4104d7a{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-4104d7a{left:30px;}.elementor-6616 .elementor-element.elementor-element-4104d7a{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-4104d7a .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-4104d7a.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-4104d7a.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-4104d7a.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-4104d7a.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-4104d7a.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-4104d7a .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-4104d7a .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-73c12ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-0c27f04{--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-6616 .elementor-element.elementor-element-0c27f04:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-0c27f04 > .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-6616 .elementor-element.elementor-element-0c27f04::before, .elementor-6616 .elementor-element.elementor-element-0c27f04 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-0c27f04 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-0c27f04 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-0c27f04 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-0c27f04 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-0c27f04: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-6616 .elementor-element.elementor-element-0c27f04, .elementor-6616 .elementor-element.elementor-element-0c27f04::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-81729dc .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-dd5bcb3 .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-6616 .elementor-element.elementor-element-79159a5{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-79159a5{left:30px;}.elementor-6616 .elementor-element.elementor-element-79159a5{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-79159a5 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-79159a5.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-79159a5.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-79159a5.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-79159a5.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-79159a5.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-79159a5 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-79159a5 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-f66ab96{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-76e2c9f{--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-6616 .elementor-element.elementor-element-76e2c9f:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-76e2c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Leaf-Removal-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-76e2c9f::before, .elementor-6616 .elementor-element.elementor-element-76e2c9f > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-76e2c9f > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-76e2c9f > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-76e2c9f > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-76e2c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-76e2c9f: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-6616 .elementor-element.elementor-element-76e2c9f, .elementor-6616 .elementor-element.elementor-element-76e2c9f::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-f9f1fcf .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-146662e .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-6616 .elementor-element.elementor-element-e1fc868{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-e1fc868{left:30px;}.elementor-6616 .elementor-element.elementor-element-e1fc868{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-e1fc868 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-e1fc868.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-e1fc868.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-e1fc868.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-e1fc868.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-e1fc868.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-e1fc868 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-e1fc868 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-4a644d0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-a1a8527{--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-6616 .elementor-element.elementor-element-a1a8527:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-a1a8527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Mowing.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-a1a8527::before, .elementor-6616 .elementor-element.elementor-element-a1a8527 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-a1a8527 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-a1a8527 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-a1a8527 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-a1a8527 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-a1a8527: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-6616 .elementor-element.elementor-element-a1a8527, .elementor-6616 .elementor-element.elementor-element-a1a8527::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-a64d046 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-c57abf8 .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-6616 .elementor-element.elementor-element-01c38a3{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-01c38a3{left:30px;}.elementor-6616 .elementor-element.elementor-element-01c38a3{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-01c38a3 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-01c38a3.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-01c38a3.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-01c38a3.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-01c38a3.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-01c38a3.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-01c38a3 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-01c38a3 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-ba4e7f0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-5613692{--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-6616 .elementor-element.elementor-element-5613692:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-5613692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/planting.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-5613692::before, .elementor-6616 .elementor-element.elementor-element-5613692 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-5613692 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-5613692 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-5613692 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-5613692 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-5613692: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-6616 .elementor-element.elementor-element-5613692, .elementor-6616 .elementor-element.elementor-element-5613692::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-d653aad .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-36b8c5d .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-6616 .elementor-element.elementor-element-0a30914{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-0a30914{left:30px;}.elementor-6616 .elementor-element.elementor-element-0a30914{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-0a30914 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-0a30914.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-0a30914.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-0a30914.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-0a30914.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-0a30914.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-0a30914 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-0a30914 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-cbffb05{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-78d6f9d{--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-6616 .elementor-element.elementor-element-78d6f9d:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-78d6f9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Seasonal-Flowers-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-78d6f9d::before, .elementor-6616 .elementor-element.elementor-element-78d6f9d > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-78d6f9d > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-78d6f9d > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-78d6f9d > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-78d6f9d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-78d6f9d: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-6616 .elementor-element.elementor-element-78d6f9d, .elementor-6616 .elementor-element.elementor-element-78d6f9d::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-1133afd .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-1d8740f .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-6616 .elementor-element.elementor-element-554b6b6{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-554b6b6{left:30px;}.elementor-6616 .elementor-element.elementor-element-554b6b6{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-554b6b6 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-554b6b6.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-554b6b6.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-554b6b6.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-554b6b6.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-554b6b6.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-554b6b6 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-554b6b6 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-807fa68{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-508109b{--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-6616 .elementor-element.elementor-element-508109b:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-508109b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Seasonal-Mulchign.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-508109b::before, .elementor-6616 .elementor-element.elementor-element-508109b > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-508109b > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-508109b > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-508109b > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-508109b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-508109b: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-6616 .elementor-element.elementor-element-508109b, .elementor-6616 .elementor-element.elementor-element-508109b::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-155ffa7 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-52c3e71 .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-6616 .elementor-element.elementor-element-c2421af{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-c2421af{left:30px;}.elementor-6616 .elementor-element.elementor-element-c2421af{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-c2421af .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-c2421af.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-c2421af.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-c2421af.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-c2421af.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-c2421af.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-c2421af .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-c2421af .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-ef31690{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-d06980b{--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-6616 .elementor-element.elementor-element-d06980b:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-d06980b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Snow-Removal-2-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-d06980b::before, .elementor-6616 .elementor-element.elementor-element-d06980b > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d06980b > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d06980b > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d06980b > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d06980b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-d06980b: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-6616 .elementor-element.elementor-element-d06980b, .elementor-6616 .elementor-element.elementor-element-d06980b::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-1f1cb67 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-e7ef6d0 .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-6616 .elementor-element.elementor-element-5b17ec2{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-5b17ec2{left:30px;}.elementor-6616 .elementor-element.elementor-element-5b17ec2{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-5b17ec2 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-5b17ec2.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-5b17ec2.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-5b17ec2.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-5b17ec2.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-5b17ec2.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-5b17ec2 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-5b17ec2 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-85843dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-bd5e8ce{--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-6616 .elementor-element.elementor-element-bd5e8ce:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-bd5e8ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Sod.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-bd5e8ce::before, .elementor-6616 .elementor-element.elementor-element-bd5e8ce > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-bd5e8ce > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-bd5e8ce > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-bd5e8ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-bd5e8ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-bd5e8ce: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-6616 .elementor-element.elementor-element-bd5e8ce, .elementor-6616 .elementor-element.elementor-element-bd5e8ce::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-8757a29 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-50bd22f .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-6616 .elementor-element.elementor-element-25c1fd8{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-25c1fd8{left:30px;}.elementor-6616 .elementor-element.elementor-element-25c1fd8{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-25c1fd8 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-25c1fd8.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-25c1fd8.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-25c1fd8.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-25c1fd8.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-25c1fd8.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-25c1fd8 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-25c1fd8 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-b7b37da{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-7e907dc{--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-6616 .elementor-element.elementor-element-7e907dc:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-7e907dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-6.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-7e907dc::before, .elementor-6616 .elementor-element.elementor-element-7e907dc > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-7e907dc > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-7e907dc > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-7e907dc > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-7e907dc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-7e907dc: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-6616 .elementor-element.elementor-element-7e907dc, .elementor-6616 .elementor-element.elementor-element-7e907dc::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-1225096 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-06300ec .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-6616 .elementor-element.elementor-element-b3477e8{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-b3477e8{left:30px;}.elementor-6616 .elementor-element.elementor-element-b3477e8{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-b3477e8 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-b3477e8.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-b3477e8.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-b3477e8.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-b3477e8.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-b3477e8.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-b3477e8 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-b3477e8 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-adfd4c0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-d95681b{--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-6616 .elementor-element.elementor-element-d95681b:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-d95681b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Synthetic-Turf-Installations.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-d95681b::before, .elementor-6616 .elementor-element.elementor-element-d95681b > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d95681b > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-d95681b > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d95681b > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-d95681b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-d95681b: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-6616 .elementor-element.elementor-element-d95681b, .elementor-6616 .elementor-element.elementor-element-d95681b::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-909046d .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-93366dc .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-6616 .elementor-element.elementor-element-24ecf04{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-24ecf04{left:30px;}.elementor-6616 .elementor-element.elementor-element-24ecf04{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-24ecf04 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-24ecf04.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-24ecf04.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-24ecf04.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-24ecf04.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-24ecf04.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-24ecf04 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-24ecf04 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-94324c0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-0d751cc{--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-6616 .elementor-element.elementor-element-0d751cc:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-0d751cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Tree-Stump-Removal-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-0d751cc::before, .elementor-6616 .elementor-element.elementor-element-0d751cc > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-0d751cc > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-0d751cc > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-0d751cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-0d751cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-0d751cc: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-6616 .elementor-element.elementor-element-0d751cc, .elementor-6616 .elementor-element.elementor-element-0d751cc::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-f431b57 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-a3225e9 .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-6616 .elementor-element.elementor-element-fa2aee7{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-fa2aee7{left:30px;}.elementor-6616 .elementor-element.elementor-element-fa2aee7{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-fa2aee7 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-fa2aee7.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-fa2aee7.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-fa2aee7.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-fa2aee7.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-fa2aee7.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-fa2aee7 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-fa2aee7 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-b98d4b4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-14d8292{--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-6616 .elementor-element.elementor-element-14d8292:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-14d8292 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-7.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-14d8292::before, .elementor-6616 .elementor-element.elementor-element-14d8292 > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-14d8292 > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-14d8292 > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-14d8292 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-14d8292 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-14d8292: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-6616 .elementor-element.elementor-element-14d8292, .elementor-6616 .elementor-element.elementor-element-14d8292::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-ff21633 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-20373d9 .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-6616 .elementor-element.elementor-element-44f0253{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-44f0253{left:30px;}.elementor-6616 .elementor-element.elementor-element-44f0253{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-44f0253 .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-44f0253.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-44f0253.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-44f0253.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-44f0253.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-44f0253.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-44f0253 .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-44f0253 .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-20c43ff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-b06ea7d{--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-6616 .elementor-element.elementor-element-b06ea7d:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-b06ea7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Power-Washing.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-b06ea7d::before, .elementor-6616 .elementor-element.elementor-element-b06ea7d > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-b06ea7d > .e-con-inner > .elementor-background-video-container::before, .elementor-6616 .elementor-element.elementor-element-b06ea7d > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-b06ea7d > .e-con-inner > .elementor-background-slideshow::before, .elementor-6616 .elementor-element.elementor-element-b06ea7d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-6616 .elementor-element.elementor-element-b06ea7d: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-6616 .elementor-element.elementor-element-b06ea7d, .elementor-6616 .elementor-element.elementor-element-b06ea7d::before{--border-transition:0.3s;}.elementor-6616 .elementor-element.elementor-element-9343ce3 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-29b5999 .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-6616 .elementor-element.elementor-element-fd33c6e{right:30px;}body.rtl .elementor-6616 .elementor-element.elementor-element-fd33c6e{left:30px;}.elementor-6616 .elementor-element.elementor-element-fd33c6e{bottom:20px;}.elementor-6616 .elementor-element.elementor-element-fd33c6e .elementor-icon-wrapper{text-align:end;}.elementor-6616 .elementor-element.elementor-element-fd33c6e.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-fd33c6e.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-fd33c6e.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-6616 .elementor-element.elementor-element-fd33c6e.elementor-view-framed .elementor-icon, .elementor-6616 .elementor-element.elementor-element-fd33c6e.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-6616 .elementor-element.elementor-element-fd33c6e .elementor-icon{font-size:15px;}.elementor-6616 .elementor-element.elementor-element-fd33c6e .elementor-icon svg{height:15px;}.elementor-6616 .elementor-element.elementor-element-375c257{--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-6616 .elementor-element.elementor-element-375c257 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-6616 .elementor-element.elementor-element-b4e0965{--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-6616 .elementor-element.elementor-element-b4e0965 > .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-6616 .elementor-element.elementor-element-b4e0965.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-6616 .elementor-element.elementor-element-b4e0965.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-6616 .elementor-element.elementor-element-b4e0965.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-6616 .elementor-element.elementor-element-b4e0965.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-6616 .elementor-element.elementor-element-b4e0965 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-99695ec );}.elementor-6616 .elementor-element.elementor-element-c90ece1{--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-6616 .elementor-element.elementor-element-a29730b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6616 .elementor-element.elementor-element-a29730b.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-cb67622 .elementor-button{background-color:var( --e-global-color-text );}.elementor-6616 .elementor-element.elementor-element-cb67622 .elementor-button:hover, .elementor-6616 .elementor-element.elementor-element-cb67622 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-6616 .elementor-element.elementor-element-cb67622 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6616 .elementor-element.elementor-element-cb67622.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-fa084d0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-fa084d0:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-fa084d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/02/why-choose-one-bg-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6616 .elementor-element.elementor-element-252ed90{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-6b5d427.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-6b5d427 .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-primary );}.elementor-6616 .elementor-element.elementor-element-6a04ad5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6616 .elementor-element.elementor-element-6a04ad5.elementor-element{--align-self:center;}.elementor-6616 .elementor-element.elementor-element-6a04ad5{text-align:center;}.elementor-6616 .elementor-element.elementor-element-6a04ad5 .elementor-heading-title{color:var( --e-global-color-99695ec );}.elementor-6616 .elementor-element.elementor-element-1a76414{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-79275c4 );--border-color:var( --e-global-color-79275c4 );--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-6616 .elementor-element.elementor-element-df02e2a{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F3F3F175;--border-color:#F3F3F175;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-febfcc6{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-7e1fad3{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F3F3F175;--border-color:#F3F3F175;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-99c397d{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-c24ad15{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F3F3F175;--border-color:#F3F3F175;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-e8db138{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-f2ff494{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F3F3F175;--border-color:#F3F3F175;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-90c108e{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-13d9075{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6616 .elementor-element.elementor-element-db84a12{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-79275c4 );}.elementor-6616 .elementor-element.elementor-element-a3df8d9{--n-accordion-title-font-size:29px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-79275c4 );--n-accordion-title-hover-color:var( --e-global-color-99695ec );--n-accordion-title-active-color:var( --e-global-color-99695ec );--n-accordion-icon-size:30px;}.elementor-6616 .elementor-element.elementor-element-a3df8d9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3F3F175;}.elementor-6616 .elementor-element.elementor-element-a3df8d9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3F3F175;}.elementor-6616 .elementor-element.elementor-element-a3df8d9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}.elementor-6616 .elementor-element.elementor-element-a3df8d9 {--n-accordion-padding:0px 0px 20px 0px;}:where( .elementor-6616 .elementor-element.elementor-element-a3df8d9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Cinzel", Sans-serif;font-weight:700;}.elementor-6616 .elementor-element.elementor-element-6646e29{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6616 .elementor-element.elementor-element-f512f49{--width:100%;}.elementor-6616 .elementor-element.elementor-element-84933bb{--width:65%;}.elementor-6616 .elementor-element.elementor-element-a248223{--width:40%;}.elementor-6616 .elementor-element.elementor-element-4210e7d{--width:1263px;}.elementor-6616 .elementor-element.elementor-element-4f50493{--width:1263px;}.elementor-6616 .elementor-element.elementor-element-249d3b3{--width:32%;}.elementor-6616 .elementor-element.elementor-element-bc4d846{--width:32%;}.elementor-6616 .elementor-element.elementor-element-e8838af{--width:32%;}.elementor-6616 .elementor-element.elementor-element-6524595{--width:32%;}.elementor-6616 .elementor-element.elementor-element-d1156b6{--width:32%;}.elementor-6616 .elementor-element.elementor-element-cd05560{--width:32%;}.elementor-6616 .elementor-element.elementor-element-ae667b8{--width:32%;}.elementor-6616 .elementor-element.elementor-element-7fedd39{--width:32%;}.elementor-6616 .elementor-element.elementor-element-e83495c{--width:32%;}.elementor-6616 .elementor-element.elementor-element-50d04ab{--width:32%;}.elementor-6616 .elementor-element.elementor-element-ac685d6{--width:32%;}.elementor-6616 .elementor-element.elementor-element-a04e8e2{--width:32%;}.elementor-6616 .elementor-element.elementor-element-074f671{--width:32%;}.elementor-6616 .elementor-element.elementor-element-547a28a{--width:32%;}.elementor-6616 .elementor-element.elementor-element-441c8ef{--width:32%;}.elementor-6616 .elementor-element.elementor-element-3069d63{--width:32%;}.elementor-6616 .elementor-element.elementor-element-c3cff76{--width:32%;}.elementor-6616 .elementor-element.elementor-element-acf03c5{--width:32%;}.elementor-6616 .elementor-element.elementor-element-c499574{--width:32%;}.elementor-6616 .elementor-element.elementor-element-ab0a427{--width:32%;}.elementor-6616 .elementor-element.elementor-element-3ca810a{--width:32%;}.elementor-6616 .elementor-element.elementor-element-72f4543{--width:32%;}.elementor-6616 .elementor-element.elementor-element-d57eb16{--width:32%;}.elementor-6616 .elementor-element.elementor-element-886d64d{--width:32%;}.elementor-6616 .elementor-element.elementor-element-8a96489{--width:32%;}.elementor-6616 .elementor-element.elementor-element-6759bf0{--width:32%;}.elementor-6616 .elementor-element.elementor-element-2f100bc{--width:32%;}.elementor-6616 .elementor-element.elementor-element-1a76414{--width:780px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6616 .elementor-element.elementor-element-f512f49{--width:100%;}.elementor-6616 .elementor-element.elementor-element-a248223{--width:100%;}.elementor-6616 .elementor-element.elementor-element-4210e7d{--width:100%;}.elementor-6616 .elementor-element.elementor-element-4f50493{--width:100%;}.elementor-6616 .elementor-element.elementor-element-1a76414{--width:100%;}}@media(max-width:1024px){.elementor-6616 .elementor-element.elementor-element-11b64c1{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-6616 .elementor-element.elementor-element-369112e{--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:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-6616 .elementor-element.elementor-element-f512f49{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-6616 .elementor-element.elementor-element-d802421{width:100%;max-width:100%;}.elementor-6616 .elementor-element.elementor-element-cdc9934{width:100%;max-width:100%;}.elementor-6616 .elementor-element.elementor-element-2bbbeb6{--e-image-carousel-slides-to-show:3;}.elementor-6616 .elementor-element.elementor-element-2bbbeb6 .swiper-wrapper{display:flex;align-items:center;}.elementor-6616 .elementor-element.elementor-element-00ebbb8{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-6616 .elementor-element.elementor-element-3b3a5f0 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6616 .elementor-element.elementor-element-73fdd99{--n-tabs-title-font-size:21px;}.elementor-6616 .elementor-element.elementor-element-59d8adc{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-6616 .elementor-element.elementor-element-0a8b87c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6616 .elementor-element.elementor-element-61840fd{--e-n-carousel-swiper-slides-to-display:2;}.elementor-6616 .elementor-element.elementor-element-375c257{--e-n-carousel-swiper-slides-to-display:2;}.elementor-6616 .elementor-element.elementor-element-b4e0965{--n-tabs-title-font-size:21px;}.elementor-6616 .elementor-element.elementor-element-fa084d0{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-6616 .elementor-element.elementor-element-6b5d427 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6616 .elementor-element.elementor-element-1a76414{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6616 .elementor-element.elementor-element-febfcc6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6616 .elementor-element.elementor-element-99c397d{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6616 .elementor-element.elementor-element-e8db138{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6616 .elementor-element.elementor-element-90c108e{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6616 .elementor-element.elementor-element-db84a12{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6616 .elementor-element.elementor-element-a3df8d9{--n-accordion-title-font-size:25px;}:where( .elementor-6616 .elementor-element.elementor-element-a3df8d9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:120%;}}@media(max-width:767px){.elementor-6616 .elementor-element.elementor-element-d802421{width:100%;max-width:100%;}.elementor-6616 .elementor-element.elementor-element-5995803{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-6616 .elementor-element.elementor-element-bf09962{width:initial;max-width:initial;}.elementor-6616 .elementor-element.elementor-element-bf09962 img{width:200px;}.elementor-6616 .elementor-element.elementor-element-84933bb{--width:70%;}.elementor-6616 .elementor-element.elementor-element-a248223{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6616 .elementor-element.elementor-element-2bbbeb6{--e-image-carousel-slides-to-show:2;}.elementor-6616 .elementor-element.elementor-element-3b3a5f0 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6616 .elementor-element.elementor-element-73fdd99{--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;}.elementor-6616 .elementor-element.elementor-element-0a8b87c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6616 .elementor-element.elementor-element-3191b2c{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-fb630e3{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-e5748f9{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-4de2d86{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-2fab247{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-3b99912{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-7c2b2cd{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-61840fd{--e-n-carousel-swiper-slides-to-display:1;}.elementor-6616 .elementor-element.elementor-element-f708f44:not(.elementor-motion-effects-element-type-background), .elementor-6616 .elementor-element.elementor-element-f708f44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Aeration.jpg");}.elementor-6616 .elementor-element.elementor-element-f708f44{--min-height:360px;--overlay-opacity:0.5;}.elementor-6616 .elementor-element.elementor-element-3a428d8{--min-height:360px;--overlay-opacity:0.5;}.elementor-6616 .elementor-element.elementor-element-d9db3d8{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-d653964{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-88d1f28{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-85b5a12{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-9f99467{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-11bc214{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-0c27f04{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-76e2c9f{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-a1a8527{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-5613692{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-78d6f9d{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-508109b{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-d06980b{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-bd5e8ce{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-7e907dc{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-d95681b{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-0d751cc{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-14d8292{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-b06ea7d{--min-height:360px;}.elementor-6616 .elementor-element.elementor-element-375c257{--e-n-carousel-swiper-slides-to-display:1;}.elementor-6616 .elementor-element.elementor-element-b4e0965{--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;}.elementor-6616 .elementor-element.elementor-element-fa084d0{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-6616 .elementor-element.elementor-element-6b5d427 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6616 .elementor-element.elementor-element-febfcc6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6616 .elementor-element.elementor-element-99c397d{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6616 .elementor-element.elementor-element-e8db138{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6616 .elementor-element.elementor-element-90c108e{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6616 .elementor-element.elementor-element-db84a12{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for image-carousel, class: .elementor-element-2bbbeb6 */.elementor-6616 .elementor-element.elementor-element-2bbbeb6 .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-edc36e7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-edc36e7 {
    transition: all 0.3s ease-in-out;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-8e71ac7:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-8e71ac7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68e3193 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-68e3193 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

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

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

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

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

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-68e3193:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-68e3193:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbf87a2 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fbf87a2 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-8e71ac7:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-8e71ac7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68e3193 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-68e3193 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

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

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

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

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

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-68e3193:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-68e3193:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbf87a2 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fbf87a2 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-8e71ac7:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-8e71ac7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68e3193 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-68e3193 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

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

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

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

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

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-68e3193:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-68e3193:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbf87a2 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fbf87a2 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2f100bc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2f100bc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-73fdd99 */button#e-n-tab-title-1044486931 {
    border-radius: 30px 0px 0px 30px;
}
button#e-n-tab-title-1044486932 {
    border-radius: 0px 30px 30px 0px;
}

@media (max-width: 600px) {
 button#e-n-tab-title-1044486931 {
    border-radius: 30px 30px 30px 30px;
}
button#e-n-tab-title-1044486932 {
    border-radius: 30px 30px 30px 30px;
}
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b29456 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-3b29456:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-3b29456:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3191b2c *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3191b2c {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3191b2c .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3191b2c:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-52f53dd *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-52f53dd:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-52f53dd:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb630e3 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-fb630e3 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-fb630e3 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-fb630e3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c082e50 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c082e50:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c082e50:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5748f9 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-e5748f9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-e5748f9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-e5748f9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79c8dc4 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79c8dc4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4de2d86 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-4de2d86 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-4de2d86 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-4de2d86:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a19170e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-a19170e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-a19170e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fab247 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-2fab247 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-2fab247 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-2fab247:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e6aa67 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-2e6aa67:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b99912 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3b99912 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3b99912 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3b99912:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ef878f2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-ef878f2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-ef878f2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c2b2cd *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7c2b2cd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4aaede *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f4aaede:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f4aaede:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f708f44 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-f708f44 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-f708f44 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-f708f44:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-483502b *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-483502b {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-483502b:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-483502b:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a428d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-3a428d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-3a428d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-3a428d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bfa23b9 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-bfa23b9:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9db3d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d9db3d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d9db3d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-76e3f6a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-76e3f6a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d653964 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d653964 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d653964 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d653964:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-78e1254 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-78e1254:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-78e1254:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d1f28 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-88d1f28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-88d1f28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-88d1f28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5691bfa *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5691bfa:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5691bfa:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b5a12 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-85b5a12 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-85b5a12 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-85b5a12:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9ccf9a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-f9ccf9a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f99467 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-9f99467 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-9f99467 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-9f99467:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4104d7a *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-4104d7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-4104d7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11bc214 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-11bc214 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-11bc214 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-11bc214:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-79159a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-79159a5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-79159a5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c27f04 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0c27f04 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0c27f04 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0c27f04:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e1fc868 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-e1fc868:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-e1fc868:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e2c9f *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-76e2c9f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-76e2c9f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-76e2c9f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-01c38a3 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-01c38a3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-01c38a3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a8527 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-a1a8527 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-a1a8527 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-a1a8527:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a30914 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-0a30914:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-0a30914:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613692 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-5613692 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-5613692 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-5613692:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-554b6b6 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-554b6b6:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-554b6b6:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d6f9d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-78d6f9d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-78d6f9d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-78d6f9d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c2421af *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-c2421af:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-c2421af:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508109b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-508109b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-508109b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-508109b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5b17ec2 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-5b17ec2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d06980b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d06980b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d06980b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d06980b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-25c1fd8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-25c1fd8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e8ce *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-bd5e8ce:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b3477e8 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-b3477e8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-b3477e8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e907dc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-7e907dc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-7e907dc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-7e907dc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24ecf04 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-24ecf04:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-24ecf04:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95681b *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-d95681b {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-d95681b .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-d95681b:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa2aee7 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fa2aee7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d751cc *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-0d751cc {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-0d751cc .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-0d751cc:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-44f0253 *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253 {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-44f0253:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-44f0253:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d8292 *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-14d8292 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-14d8292 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-14d8292:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fd33c6e *//* 1. Make the whole card grow slightly on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e {
    transition: all 0.3s ease-in-out;
}

.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-6616 .elementor-element.elementor-element-fd33c6e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b06ea7d *//* 1. The Container - Subtle Scale Setup */
.elementor-6616 .elementor-element.elementor-element-b06ea7d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon i, 
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon,
.elementor-6616 .elementor-element.elementor-element-b06ea7d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon i,
.elementor-6616 .elementor-element.elementor-element-b06ea7d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b4e0965 */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 */
/* Start custom CSS for nested-accordion, class: .elementor-element-a3df8d9 *//* Remove border from last accordion header */
.elementor-6616 .elementor-element.elementor-element-a3df8d9 .e-n-accordion-item:last-of-type > summary {
    border-bottom: none !important;
}/* End custom CSS */