.elementor-1914 .elementor-element.elementor-element-7adaeb86{--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-1914 .elementor-element.elementor-element-7adaeb86::before, .elementor-1914 .elementor-element.elementor-element-7adaeb86 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-7adaeb86 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-7adaeb86 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-7adaeb86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-7adaeb86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-7adaeb86 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-1914 .elementor-element.elementor-element-40aa2a3b{--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-1914 .elementor-element.elementor-element-66a95084{--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-1914 .elementor-element.elementor-element-76a3279a{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1914 .elementor-element.elementor-element-76a3279a .elementor-heading-title{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7a4fa8fa{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-1914 .elementor-element.elementor-element-5a2e7020{--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-1914 .elementor-element.elementor-element-19e24486{width:var( --container-widget-width, 220px );max-width:220px;--container-widget-width:220px;--container-widget-flex-grow:0;}.elementor-1914 .elementor-element.elementor-element-19e24486.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-19e24486 img{width:100%;}.elementor-1914 .elementor-element.elementor-element-685a4f10{--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-1914 .elementor-element.elementor-element-1d2a54e6{--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-1914 .elementor-element.elementor-element-1d2a54e6:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-1d2a54e6 > .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-1914 .elementor-element.elementor-element-79a99e9a{text-align:center;}.elementor-1914 .elementor-element.elementor-element-79a99e9a .elementor-heading-title{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:15px;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-15px;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-field-type-html{padding-bottom:0px;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-field-group .elementor-field{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-9752f11 .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-1914 .elementor-element.elementor-element-9752f11 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:var( --e-global-color-99695ec );border-radius:50px 50px 50px 50px;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-9752f11 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1914 .elementor-element.elementor-element-9752f11 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1914 .elementor-element.elementor-element-9752f11 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1914 .elementor-element.elementor-element-9752f11 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-message.elementor-message-success{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-9752f11 .elementor-message.elementor-message-danger{color:#FF0000;}.elementor-1914 .elementor-element.elementor-element-9752f11{--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-1914 .elementor-element.elementor-element-2bee8d08{--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-1914 .elementor-element.elementor-element-367f710f.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-6146d75c.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-7e4507c8.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-4b39daa1.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-9bfa5d7.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-592ab60a{--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-1914 .elementor-element.elementor-element-b2cd300{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-00217a4 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-1914 .elementor-element.elementor-element-00217a4.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-00217a4{text-align:center;}.elementor-1914 .elementor-element.elementor-element-00217a4 .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-1914 .elementor-element.elementor-element-27e5248{text-align:center;}.elementor-1914 .elementor-element.elementor-element-27e5248 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-2de52ab > .elementor-widget-container{padding:15px 0px 40px 0px;}.elementor-1914 .elementor-element.elementor-element-2de52ab{text-align:center;color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-56fe36cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-14f98241{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1914 .elementor-element.elementor-element-14f98241:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-14f98241 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-14f98241.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-5fe44f31{--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-1914 .elementor-element.elementor-element-1d0f63a3{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-24d3a81b.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-24d3a81b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-5c699226{--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:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-1174407c.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-1174407c{--e-rating-icon-font-size:20px;--e-rating-gap:5px;--e-rating-icon-marked-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-1e48dc65{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-18cab4ef{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-6792bafc{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6792bafc.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-b423766.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-b423766 .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-b423766.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-b423766.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-b423766.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-b423766.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-b423766.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-b423766 .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-b423766 .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-19ce88a2.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-19ce88a2 .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-19ce88a2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-19ce88a2.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-19ce88a2.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-19ce88a2.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-19ce88a2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-19ce88a2 .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-19ce88a2 .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-7be7a3c4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-411cbb10{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1914 .elementor-element.elementor-element-411cbb10:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-411cbb10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-38b8250d{--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-1914 .elementor-element.elementor-element-51a5bf7c{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-1b01ee6b.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-1b01ee6b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-24abb568{--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:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-69966e83.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-69966e83{--e-rating-icon-font-size:20px;--e-rating-gap:5px;--e-rating-icon-marked-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-2c96b21{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-46ff081e{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-541e925d{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2bb77067.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-2bb77067 .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-2bb77067.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-2bb77067.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-2bb77067.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-2bb77067.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-2bb77067.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-2bb77067 .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-2bb77067 .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-5d10051f.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-5d10051f .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-5d10051f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-5d10051f.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-5d10051f.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-5d10051f.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-5d10051f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-5d10051f .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-5d10051f .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-1c9ffeef{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-79b29b36{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1914 .elementor-element.elementor-element-79b29b36:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-79b29b36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-79b29b36.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-1e60513f{--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-1914 .elementor-element.elementor-element-30b00578{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-209afec5.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-209afec5 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-2bfd5863{--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:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2c381179.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-2c381179{--e-rating-icon-font-size:20px;--e-rating-gap:5px;--e-rating-icon-marked-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-103e2e5a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6b28875c{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-6c034c5b{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6c034c5b.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-1563a7ff.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-1563a7ff .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-1563a7ff.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-1563a7ff.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-1563a7ff.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-1563a7ff.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-1563a7ff.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-1563a7ff .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-1563a7ff .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-ff5f4e6.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-ff5f4e6 .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-ff5f4e6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-ff5f4e6.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-ff5f4e6.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-ff5f4e6.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-ff5f4e6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-ff5f4e6 .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-ff5f4e6 .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-77ab7e1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-9705f71{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1914 .elementor-element.elementor-element-9705f71:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-9705f71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-9705f71.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-93a1fed{--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-1914 .elementor-element.elementor-element-d3e1259{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-afbb1ed.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-afbb1ed .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-745405d{--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:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-72abd6a.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-72abd6a{--e-rating-icon-font-size:20px;--e-rating-gap:5px;--e-rating-icon-marked-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-dcc2943{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-b7c6766{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-503c62f{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-503c62f.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-969f800.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-969f800 .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-969f800.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-969f800.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-969f800.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-969f800.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-969f800.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-969f800 .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-969f800 .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-8425947.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-8425947 .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-8425947.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-8425947.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-8425947.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-8425947.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-8425947.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-8425947 .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-8425947 .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-137ed5dc{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-60px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:100px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:100px;--e-n-carousel-arrow-size:25px;--e-n-carousel-arrow-normal-color:var( --e-global-color-text );--e-n-carousel-arrow-hover-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-137ed5dc :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-137ed5dc :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:50px 50px 50px 50px;padding:10px 10px 10px 10px;}.elementor-1914 .elementor-element.elementor-element-dc5cd54{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1914 .elementor-element.elementor-element-26830aa > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-26830aa.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-3afa8a5{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-53e7644 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-1914 .elementor-element.elementor-element-53e7644.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-53e7644{text-align:center;}.elementor-1914 .elementor-element.elementor-element-53e7644 .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-1914 .elementor-element.elementor-element-dcd72b6{text-align:center;}.elementor-1914 .elementor-element.elementor-element-dcd72b6 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-cf45c67 > .elementor-widget-container{padding:15px 0px 40px 0px;}.elementor-1914 .elementor-element.elementor-element-cf45c67{text-align:center;color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-d4d1a17{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-1aa4fa5{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1914 .elementor-element.elementor-element-1aa4fa5:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-1aa4fa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-1aa4fa5.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-15a943d{--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-1914 .elementor-element.elementor-element-2dd34cb{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-0ca7ba1.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-0ca7ba1 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-a9c369b{--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:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-bb836db.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-bb836db{--e-rating-icon-font-size:20px;--e-rating-gap:5px;--e-rating-icon-marked-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-4702186{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-e3c1632{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-d4a4597{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-d4a4597.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-dbbb559.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-dbbb559 .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-dbbb559.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-dbbb559.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-dbbb559.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-dbbb559.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-dbbb559.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-dbbb559 .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-dbbb559 .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-3814d71.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-3814d71 .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-3814d71.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-3814d71.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-3814d71.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-3814d71.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-3814d71.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-3814d71 .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-3814d71 .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-ce1e2cd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-ee053e7{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1914 .elementor-element.elementor-element-ee053e7:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-ee053e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-a0aec6f{--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-1914 .elementor-element.elementor-element-d50c203{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-99825ac.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-99825ac .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-6efa68a{--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:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-dbce643.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-dbce643{--e-rating-icon-font-size:20px;--e-rating-gap:5px;--e-rating-icon-marked-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-805dda6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-b19355e{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-ae3a970{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-061063e.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-061063e .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-061063e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-061063e.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-061063e.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-061063e.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-061063e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-061063e .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-061063e .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-d541d8f.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-d541d8f .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-d541d8f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-d541d8f.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-d541d8f.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-d541d8f.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-d541d8f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-d541d8f .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-d541d8f .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-94bdd38{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-748684e{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1914 .elementor-element.elementor-element-748684e:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-748684e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-748684e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-6a71ef1{--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-1914 .elementor-element.elementor-element-127d253{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-60ec2d2.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-60ec2d2 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-287cf7c{--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:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-759447a.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-759447a{--e-rating-icon-font-size:20px;--e-rating-gap:5px;--e-rating-icon-marked-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-1585c48{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6ee39f9{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-a9b59d1{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-a9b59d1.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1914 .elementor-element.elementor-element-7fc0889.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-7fc0889 .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-7fc0889.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-7fc0889.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-7fc0889.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-7fc0889.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-7fc0889.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-7fc0889 .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-7fc0889 .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-6aae78e.elementor-element{--align-self:flex-end;}.elementor-1914 .elementor-element.elementor-element-6aae78e .elementor-icon-wrapper{text-align:center;}.elementor-1914 .elementor-element.elementor-element-6aae78e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-6aae78e.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-6aae78e.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-6aae78e.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-6aae78e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-6aae78e .elementor-icon{font-size:35px;}.elementor-1914 .elementor-element.elementor-element-6aae78e .elementor-icon svg{height:35px;}.elementor-1914 .elementor-element.elementor-element-6289cce{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-60px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:100px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:100px;--e-n-carousel-arrow-size:25px;--e-n-carousel-arrow-normal-color:var( --e-global-color-text );--e-n-carousel-arrow-hover-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-6289cce :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-6289cce :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:50px 50px 50px 50px;padding:10px 10px 10px 10px;}.elementor-1914 .elementor-element.elementor-element-b4a5d60{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1914 .elementor-element.elementor-element-52a38ae > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-52a38ae.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-3be5d0dc{--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:100px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3be5d0dc:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-3be5d0dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/02/Group-23-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-4788c60f{--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:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:02px;--padding-bottom:02px;--padding-left:02px;--padding-right:02px;}.elementor-1914 .elementor-element.elementor-element-6aacec0a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-1e020aa1 > .elementor-widget-container{margin:0px 0px -170px 0px;}.elementor-1914 .elementor-element.elementor-element-72f1cae9{--display:flex;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-73504bad.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-73504bad .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-1914 .elementor-element.elementor-element-6fc88634 .elementor-heading-title{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-5d4431a7 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-1914 .elementor-element.elementor-element-5d4431a7{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-1590adad > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-1590adad.elementor-element{--align-self:flex-start;}.elementor-1914 .elementor-element.elementor-element-78d74b6{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-78d74b6:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-78d74b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/02/Group-23-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-a175766.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-a175766{text-align:center;}.elementor-1914 .elementor-element.elementor-element-a175766 .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-1914 .elementor-element.elementor-element-15e28c9 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-1914 .elementor-element.elementor-element-15e28c9.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-15e28c9 .elementor-heading-title{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-ae9cc5b{--display:flex;}.elementor-1914 .elementor-element.elementor-element-d6fd5e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1914 .elementor-element.elementor-element-302ca01{--display:flex;}.elementor-1914 .elementor-element.elementor-element-91f41c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1914 .elementor-element.elementor-element-8fd54a5{--display:flex;}.elementor-1914 .elementor-element.elementor-element-e74d5ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1914 .elementor-element.elementor-element-d5b11ef{--display:flex;}.elementor-1914 .elementor-element.elementor-element-1dfa885{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1914 .elementor-element.elementor-element-e365a2d{--display:flex;}.elementor-1914 .elementor-element.elementor-element-930c5d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1914 .elementor-element.elementor-element-bfcc839{--display:flex;}.elementor-1914 .elementor-element.elementor-element-d2a0f8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1914 .elementor-element.elementor-element-e2fbd1c{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-normal-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-d760a1a{--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;}.elementor-1914 .elementor-element.elementor-element-916af16{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-1914 .elementor-element.elementor-element-916af16 img{height:280px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-1914 .elementor-element.elementor-element-46857f5{width:var( --container-widget-width, 2000px );max-width:2000px;--container-widget-width:2000px;--container-widget-flex-grow:0;}.elementor-1914 .elementor-element.elementor-element-46857f5 img{height:280px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-1914 .elementor-element.elementor-element-14c684c{width:var( --container-widget-width, 1500px );max-width:1500px;--container-widget-width:1500px;--container-widget-flex-grow:0;}.elementor-1914 .elementor-element.elementor-element-14c684c img{height:280px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-1914 .elementor-element.elementor-element-3ff3ff0{--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:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-62102a9{width:var( --container-widget-width, 2000px );max-width:2000px;--container-widget-width:2000px;--container-widget-flex-grow:0;}.elementor-1914 .elementor-element.elementor-element-62102a9 img{height:280px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-1914 .elementor-element.elementor-element-ab6e291{width:var( --container-widget-width, 1500px );max-width:1500px;--container-widget-width:1500px;--container-widget-flex-grow:0;}.elementor-1914 .elementor-element.elementor-element-ab6e291 img{height:280px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-1914 .elementor-element.elementor-element-88c9447{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-1914 .elementor-element.elementor-element-88c9447 img{height:280px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-1914 .elementor-element.elementor-element-1333896{--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:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2e063eb{--display:flex;}.elementor-1914 .elementor-element.elementor-element-e788026{--display:flex;}.elementor-1914 .elementor-element.elementor-element-a40d76b{--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:center;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-0f7886a .elementor-button{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-0f7886a .elementor-button:hover, .elementor-1914 .elementor-element.elementor-element-0f7886a .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-0f7886a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-0f7886a.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-de847a4{--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-1914 .elementor-element.elementor-element-2f00d5b8{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-1b920d69 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-1914 .elementor-element.elementor-element-1b920d69.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-1b920d69 .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-1914 .elementor-element.elementor-element-4427acf6{text-align:center;}.elementor-1914 .elementor-element.elementor-element-4427acf6 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-4d69de6{--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-1914 .elementor-element.elementor-element-325eae9b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6ed4aaa1{--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-1914 .elementor-element.elementor-element-471180d9{--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-1914 .elementor-element.elementor-element-471180d9:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-471180d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/04/Concrete.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-471180d9::before, .elementor-1914 .elementor-element.elementor-element-471180d9 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-471180d9 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-471180d9 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-471180d9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-471180d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-471180d9: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-1914 .elementor-element.elementor-element-471180d9, .elementor-1914 .elementor-element.elementor-element-471180d9::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-471180d9.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-1914 .elementor-element.elementor-element-8b0971e{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-8b0971e{left:30px;}.elementor-1914 .elementor-element.elementor-element-8b0971e{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-8b0971e .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-8b0971e.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-8b0971e.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-8b0971e.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-8b0971e.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-8b0971e.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-8b0971e .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-8b0971e .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-5cf93f34 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-6db5c91c .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-4e830554{--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-1914 .elementor-element.elementor-element-4e830554:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-4e830554 > .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-1914 .elementor-element.elementor-element-4e830554::before, .elementor-1914 .elementor-element.elementor-element-4e830554 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-4e830554 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-4e830554 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-4e830554 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-4e830554 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-4e830554: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-1914 .elementor-element.elementor-element-4e830554, .elementor-1914 .elementor-element.elementor-element-4e830554::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-1d4b71b6 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-2da88277 .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-1914 .elementor-element.elementor-element-9c621bc{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-9c621bc{left:30px;}.elementor-1914 .elementor-element.elementor-element-9c621bc{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-9c621bc .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-9c621bc.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-9c621bc.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-9c621bc.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-9c621bc.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-9c621bc.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-9c621bc .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-9c621bc .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-4d8d33af{--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-1914 .elementor-element.elementor-element-4d8d33af:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-4d8d33af > .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-1914 .elementor-element.elementor-element-4d8d33af::before, .elementor-1914 .elementor-element.elementor-element-4d8d33af > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-4d8d33af > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-4d8d33af > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-4d8d33af > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-4d8d33af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-4d8d33af: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-1914 .elementor-element.elementor-element-4d8d33af, .elementor-1914 .elementor-element.elementor-element-4d8d33af::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-3d0df57a .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-164f61c9 .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-1914 .elementor-element.elementor-element-c549c3a{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-c549c3a{left:30px;}.elementor-1914 .elementor-element.elementor-element-c549c3a{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-c549c3a .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-c549c3a.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-c549c3a.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-c549c3a.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-c549c3a.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-c549c3a.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-c549c3a .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-c549c3a .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-6f0af8d0{--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-1914 .elementor-element.elementor-element-753f6ed5{--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-1914 .elementor-element.elementor-element-753f6ed5:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-753f6ed5 > .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-1914 .elementor-element.elementor-element-753f6ed5::before, .elementor-1914 .elementor-element.elementor-element-753f6ed5 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-753f6ed5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-753f6ed5 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-753f6ed5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-753f6ed5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-753f6ed5: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-1914 .elementor-element.elementor-element-753f6ed5, .elementor-1914 .elementor-element.elementor-element-753f6ed5::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-7135b986 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-38a5b11a .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-1914 .elementor-element.elementor-element-fc15590{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-fc15590{left:30px;}.elementor-1914 .elementor-element.elementor-element-fc15590{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-fc15590 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-fc15590.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-fc15590.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-fc15590.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-fc15590.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-fc15590.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-fc15590 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-fc15590 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-1bc79722{--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-1914 .elementor-element.elementor-element-1bc79722:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-1bc79722 > .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-1914 .elementor-element.elementor-element-1bc79722::before, .elementor-1914 .elementor-element.elementor-element-1bc79722 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-1bc79722 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-1bc79722 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-1bc79722 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-1bc79722 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-1bc79722: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-1914 .elementor-element.elementor-element-1bc79722, .elementor-1914 .elementor-element.elementor-element-1bc79722::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-4c28d4e4 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-2f55470b .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-1914 .elementor-element.elementor-element-96a5c7a{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-96a5c7a{left:30px;}.elementor-1914 .elementor-element.elementor-element-96a5c7a{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-96a5c7a .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-96a5c7a.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-96a5c7a.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-96a5c7a.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-96a5c7a.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-96a5c7a.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-96a5c7a .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-96a5c7a .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-2e0c33ef{--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-1914 .elementor-element.elementor-element-2e0c33ef:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-2e0c33ef > .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-1914 .elementor-element.elementor-element-2e0c33ef::before, .elementor-1914 .elementor-element.elementor-element-2e0c33ef > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-2e0c33ef > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-2e0c33ef > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-2e0c33ef > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-2e0c33ef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-2e0c33ef: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-1914 .elementor-element.elementor-element-2e0c33ef, .elementor-1914 .elementor-element.elementor-element-2e0c33ef::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-6f325ab5 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-7c325d6 .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-1914 .elementor-element.elementor-element-9bd8e1d{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-9bd8e1d{left:30px;}.elementor-1914 .elementor-element.elementor-element-9bd8e1d{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-9bd8e1d .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-9bd8e1d.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-9bd8e1d.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-9bd8e1d.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-9bd8e1d.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-9bd8e1d.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-9bd8e1d .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-9bd8e1d .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-4f8043c5{--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-1914 .elementor-element.elementor-element-646b89e4{--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-1914 .elementor-element.elementor-element-3c15b922{--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-1914 .elementor-element.elementor-element-3c15b922:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-3c15b922 > .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-1914 .elementor-element.elementor-element-3c15b922::before, .elementor-1914 .elementor-element.elementor-element-3c15b922 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-3c15b922 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-3c15b922 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-3c15b922 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-3c15b922 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-3c15b922: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-1914 .elementor-element.elementor-element-3c15b922, .elementor-1914 .elementor-element.elementor-element-3c15b922::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-6022da12 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-a2085ca .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-1914 .elementor-element.elementor-element-c887533{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-c887533{left:30px;}.elementor-1914 .elementor-element.elementor-element-c887533{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-c887533 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-c887533.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-c887533.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-c887533.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-c887533.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-c887533.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-c887533 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-c887533 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-3c4dc79a{--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-1914 .elementor-element.elementor-element-3c4dc79a:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-3c4dc79a > .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-1914 .elementor-element.elementor-element-3c4dc79a::before, .elementor-1914 .elementor-element.elementor-element-3c4dc79a > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-3c4dc79a > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-3c4dc79a > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-3c4dc79a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-3c4dc79a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-3c4dc79a: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-1914 .elementor-element.elementor-element-3c4dc79a, .elementor-1914 .elementor-element.elementor-element-3c4dc79a::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-232cf608 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-2d0b3409 .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-1914 .elementor-element.elementor-element-0954df1{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-0954df1{left:30px;}.elementor-1914 .elementor-element.elementor-element-0954df1{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-0954df1 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-0954df1.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-0954df1.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-0954df1.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-0954df1.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-0954df1.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-0954df1 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-0954df1 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-60e9b89{--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-1914 .elementor-element.elementor-element-60e9b89:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-60e9b89 > .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-1914 .elementor-element.elementor-element-60e9b89::before, .elementor-1914 .elementor-element.elementor-element-60e9b89 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-60e9b89 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-60e9b89 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-60e9b89 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-60e9b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-60e9b89: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-1914 .elementor-element.elementor-element-60e9b89, .elementor-1914 .elementor-element.elementor-element-60e9b89::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-7aa87a86 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-66a7b717 .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-1914 .elementor-element.elementor-element-c4a9bbb{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-c4a9bbb{left:30px;}.elementor-1914 .elementor-element.elementor-element-c4a9bbb{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-c4a9bbb .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-c4a9bbb.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-c4a9bbb.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-c4a9bbb.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-c4a9bbb.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-c4a9bbb.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-c4a9bbb .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-c4a9bbb .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-59147d89{--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-1914 .elementor-element.elementor-element-76ba8701{--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-1914 .elementor-element.elementor-element-76ba8701:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-76ba8701 > .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-1914 .elementor-element.elementor-element-76ba8701::before, .elementor-1914 .elementor-element.elementor-element-76ba8701 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-76ba8701 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-76ba8701 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-76ba8701 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-76ba8701 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-76ba8701: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-1914 .elementor-element.elementor-element-76ba8701, .elementor-1914 .elementor-element.elementor-element-76ba8701::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-56802183 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-68162991 .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-1914 .elementor-element.elementor-element-b2f39b8{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-b2f39b8{left:30px;}.elementor-1914 .elementor-element.elementor-element-b2f39b8{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-b2f39b8 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-b2f39b8.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-b2f39b8.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-b2f39b8.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-b2f39b8.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-b2f39b8.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-b2f39b8 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-b2f39b8 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-3e6b4257{--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-1914 .elementor-element.elementor-element-3e6b4257:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-3e6b4257 > .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-1914 .elementor-element.elementor-element-3e6b4257::before, .elementor-1914 .elementor-element.elementor-element-3e6b4257 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-3e6b4257 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-3e6b4257 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-3e6b4257 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-3e6b4257 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-3e6b4257: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-1914 .elementor-element.elementor-element-3e6b4257, .elementor-1914 .elementor-element.elementor-element-3e6b4257::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-52277762 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-273ad0c8 .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-1914 .elementor-element.elementor-element-4aab23e{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-4aab23e{left:30px;}.elementor-1914 .elementor-element.elementor-element-4aab23e{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-4aab23e .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-4aab23e.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-4aab23e.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-4aab23e.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-4aab23e.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-4aab23e.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-4aab23e .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-4aab23e .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-1c0cd561{--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-1914 .elementor-element.elementor-element-1c0cd561:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-1c0cd561 > .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-1914 .elementor-element.elementor-element-1c0cd561::before, .elementor-1914 .elementor-element.elementor-element-1c0cd561 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-1c0cd561 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-1c0cd561 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-1c0cd561 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-1c0cd561 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-1c0cd561: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-1914 .elementor-element.elementor-element-1c0cd561, .elementor-1914 .elementor-element.elementor-element-1c0cd561::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-7d152f54 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-3fb0f644 .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-1914 .elementor-element.elementor-element-35515ec{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-35515ec{left:30px;}.elementor-1914 .elementor-element.elementor-element-35515ec{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-35515ec .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-35515ec.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-35515ec.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-35515ec.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-35515ec.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-35515ec.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-35515ec .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-35515ec .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-e7b7822{--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-1914 .elementor-element.elementor-element-e7b7822 > .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-1914 .elementor-element.elementor-element-e7b7822.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-1914 .elementor-element.elementor-element-e7b7822.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1914 .elementor-element.elementor-element-e7b7822.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-1914 .elementor-element.elementor-element-e7b7822.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-1914 .elementor-element.elementor-element-e7b7822 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-15320909{--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-1914 .elementor-element.elementor-element-3fe108ef > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-3fe108ef.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-5da2793e .elementor-button{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-5da2793e .elementor-button:hover, .elementor-1914 .elementor-element.elementor-element-5da2793e .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-5da2793e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-5da2793e.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-48b70abd{--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-1914 .elementor-element.elementor-element-57659490{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3a923f15 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-1914 .elementor-element.elementor-element-3a923f15.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-3a923f15 .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-1914 .elementor-element.elementor-element-1886cc5c{text-align:center;}.elementor-1914 .elementor-element.elementor-element-1886cc5c .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-ec9ef8e{--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-1914 .elementor-element.elementor-element-257229af{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-4e211b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-d8e02a7{--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-1914 .elementor-element.elementor-element-d8e02a7:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-d8e02a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/04/Concrete.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-d8e02a7::before, .elementor-1914 .elementor-element.elementor-element-d8e02a7 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-d8e02a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-d8e02a7 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-d8e02a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-d8e02a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-d8e02a7: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-1914 .elementor-element.elementor-element-d8e02a7, .elementor-1914 .elementor-element.elementor-element-d8e02a7::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-f30ee39 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-5cdb0b8 .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-1914 .elementor-element.elementor-element-31aeb76{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-31aeb76{left:30px;}.elementor-1914 .elementor-element.elementor-element-31aeb76{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-31aeb76 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-31aeb76.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-31aeb76.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-31aeb76.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-31aeb76.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-31aeb76.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-31aeb76 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-31aeb76 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-db7439e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-0feb6d8{--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-1914 .elementor-element.elementor-element-0feb6d8:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-0feb6d8 > .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-1914 .elementor-element.elementor-element-0feb6d8::before, .elementor-1914 .elementor-element.elementor-element-0feb6d8 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-0feb6d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-0feb6d8 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-0feb6d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-0feb6d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-0feb6d8: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-1914 .elementor-element.elementor-element-0feb6d8, .elementor-1914 .elementor-element.elementor-element-0feb6d8::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-67662ba .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-b8918eb .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-1914 .elementor-element.elementor-element-5fd70d2{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-5fd70d2{left:30px;}.elementor-1914 .elementor-element.elementor-element-5fd70d2{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-5fd70d2 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-5fd70d2.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-5fd70d2.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-5fd70d2.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-5fd70d2.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-5fd70d2.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-5fd70d2 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-5fd70d2 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-5d49844{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-1b7042c{--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-1914 .elementor-element.elementor-element-1b7042c:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-1b7042c > .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-1914 .elementor-element.elementor-element-1b7042c::before, .elementor-1914 .elementor-element.elementor-element-1b7042c > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-1b7042c > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-1b7042c > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-1b7042c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-1b7042c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-1b7042c: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-1914 .elementor-element.elementor-element-1b7042c, .elementor-1914 .elementor-element.elementor-element-1b7042c::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-aea1f20 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-abb520d .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-1914 .elementor-element.elementor-element-51236b2{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-51236b2{left:30px;}.elementor-1914 .elementor-element.elementor-element-51236b2{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-51236b2 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-51236b2.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-51236b2.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-51236b2.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-51236b2.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-51236b2.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-51236b2 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-51236b2 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-630b154{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-49fe3ae{--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-1914 .elementor-element.elementor-element-49fe3ae:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-49fe3ae > .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-1914 .elementor-element.elementor-element-49fe3ae::before, .elementor-1914 .elementor-element.elementor-element-49fe3ae > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-49fe3ae > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-49fe3ae > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-49fe3ae > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-49fe3ae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-49fe3ae: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-1914 .elementor-element.elementor-element-49fe3ae, .elementor-1914 .elementor-element.elementor-element-49fe3ae::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-f84564d .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-0cb9054 .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-1914 .elementor-element.elementor-element-cdaa375{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-cdaa375{left:30px;}.elementor-1914 .elementor-element.elementor-element-cdaa375{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-cdaa375 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-cdaa375.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-cdaa375.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-cdaa375.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-cdaa375.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-cdaa375.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-cdaa375 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-cdaa375 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-fa574c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-8a9c7e9{--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-1914 .elementor-element.elementor-element-8a9c7e9:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-8a9c7e9 > .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-1914 .elementor-element.elementor-element-8a9c7e9::before, .elementor-1914 .elementor-element.elementor-element-8a9c7e9 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-8a9c7e9 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-8a9c7e9 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-8a9c7e9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-8a9c7e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-8a9c7e9: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-1914 .elementor-element.elementor-element-8a9c7e9, .elementor-1914 .elementor-element.elementor-element-8a9c7e9::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-677b883 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-654d731 .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-1914 .elementor-element.elementor-element-21a03d4{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-21a03d4{left:30px;}.elementor-1914 .elementor-element.elementor-element-21a03d4{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-21a03d4 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-21a03d4.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-21a03d4.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-21a03d4.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-21a03d4.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-21a03d4.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-21a03d4 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-21a03d4 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-3c2a014{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-33e7bcb{--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-1914 .elementor-element.elementor-element-33e7bcb:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-33e7bcb > .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-1914 .elementor-element.elementor-element-33e7bcb::before, .elementor-1914 .elementor-element.elementor-element-33e7bcb > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-33e7bcb > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-33e7bcb > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-33e7bcb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-33e7bcb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-33e7bcb: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-1914 .elementor-element.elementor-element-33e7bcb, .elementor-1914 .elementor-element.elementor-element-33e7bcb::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-906f7f4 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-606719c .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-1914 .elementor-element.elementor-element-0c1b4e2{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-0c1b4e2{left:30px;}.elementor-1914 .elementor-element.elementor-element-0c1b4e2{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-0c1b4e2 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-0c1b4e2.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-0c1b4e2.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-0c1b4e2.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-0c1b4e2.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-0c1b4e2.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-0c1b4e2 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-0c1b4e2 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-4448542{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3f12d81{--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-1914 .elementor-element.elementor-element-3f12d81:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-3f12d81 > .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-1914 .elementor-element.elementor-element-3f12d81::before, .elementor-1914 .elementor-element.elementor-element-3f12d81 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-3f12d81 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-3f12d81 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-3f12d81 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-3f12d81 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-3f12d81: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-1914 .elementor-element.elementor-element-3f12d81, .elementor-1914 .elementor-element.elementor-element-3f12d81::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-8c23a62 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-5ea365a .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-1914 .elementor-element.elementor-element-3cc4bb7{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-3cc4bb7{left:30px;}.elementor-1914 .elementor-element.elementor-element-3cc4bb7{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-3cc4bb7 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-3cc4bb7.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-3cc4bb7.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-3cc4bb7.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-3cc4bb7.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-3cc4bb7.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-3cc4bb7 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-3cc4bb7 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-7abcbe2{--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-1914 .elementor-element.elementor-element-7abcbe2 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-1914 .elementor-element.elementor-element-724231b{--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-1914 .elementor-element.elementor-element-73e9ae0a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-664ea491{--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-1914 .elementor-element.elementor-element-664ea491:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-664ea491 > .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-1914 .elementor-element.elementor-element-664ea491::before, .elementor-1914 .elementor-element.elementor-element-664ea491 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-664ea491 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-664ea491 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-664ea491 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-664ea491 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-664ea491: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-1914 .elementor-element.elementor-element-664ea491, .elementor-1914 .elementor-element.elementor-element-664ea491::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-4cad19f .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-2ada4414 .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-1914 .elementor-element.elementor-element-de4f07c{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-de4f07c{left:30px;}.elementor-1914 .elementor-element.elementor-element-de4f07c{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-de4f07c .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-de4f07c.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-de4f07c.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-de4f07c.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-de4f07c.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-de4f07c.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-de4f07c .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-de4f07c .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-12a2df13{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-15ae934e{--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-1914 .elementor-element.elementor-element-15ae934e:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-15ae934e > .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-1914 .elementor-element.elementor-element-15ae934e::before, .elementor-1914 .elementor-element.elementor-element-15ae934e > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-15ae934e > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-15ae934e > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-15ae934e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-15ae934e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-15ae934e: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-1914 .elementor-element.elementor-element-15ae934e, .elementor-1914 .elementor-element.elementor-element-15ae934e::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-16751e33 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-e77ccbe .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-1914 .elementor-element.elementor-element-0c53acf{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-0c53acf{left:30px;}.elementor-1914 .elementor-element.elementor-element-0c53acf{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-0c53acf .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-0c53acf.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-0c53acf.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-0c53acf.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-0c53acf.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-0c53acf.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-0c53acf .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-0c53acf .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-318d46d0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2b9e2ce6{--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-1914 .elementor-element.elementor-element-2b9e2ce6:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-2b9e2ce6 > .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-1914 .elementor-element.elementor-element-2b9e2ce6::before, .elementor-1914 .elementor-element.elementor-element-2b9e2ce6 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-2b9e2ce6 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-2b9e2ce6 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-2b9e2ce6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-2b9e2ce6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-2b9e2ce6: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-1914 .elementor-element.elementor-element-2b9e2ce6, .elementor-1914 .elementor-element.elementor-element-2b9e2ce6::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-73393afc .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-1af5c723 .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-1914 .elementor-element.elementor-element-5e0bf52{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-5e0bf52{left:30px;}.elementor-1914 .elementor-element.elementor-element-5e0bf52{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-5e0bf52 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-5e0bf52.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-5e0bf52.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-5e0bf52.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-5e0bf52.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-5e0bf52.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-5e0bf52 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-5e0bf52 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-73fadfc3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-1eabeec6{--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-1914 .elementor-element.elementor-element-1eabeec6:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-1eabeec6 > .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-1914 .elementor-element.elementor-element-1eabeec6::before, .elementor-1914 .elementor-element.elementor-element-1eabeec6 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-1eabeec6 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-1eabeec6 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-1eabeec6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-1eabeec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-1eabeec6: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-1914 .elementor-element.elementor-element-1eabeec6, .elementor-1914 .elementor-element.elementor-element-1eabeec6::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-13b44a45 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-d9fa2be .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-1914 .elementor-element.elementor-element-2b0fb96{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-2b0fb96{left:30px;}.elementor-1914 .elementor-element.elementor-element-2b0fb96{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-2b0fb96 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-2b0fb96.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-2b0fb96.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-2b0fb96.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-2b0fb96.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-2b0fb96.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-2b0fb96 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-2b0fb96 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-7039b264{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-90fdf6d{--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-1914 .elementor-element.elementor-element-90fdf6d:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-90fdf6d > .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-1914 .elementor-element.elementor-element-90fdf6d::before, .elementor-1914 .elementor-element.elementor-element-90fdf6d > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-90fdf6d > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-90fdf6d > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-90fdf6d > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-90fdf6d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-90fdf6d: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-1914 .elementor-element.elementor-element-90fdf6d, .elementor-1914 .elementor-element.elementor-element-90fdf6d::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-630256c .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-2ae4b78a .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-1914 .elementor-element.elementor-element-c3870c5{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-c3870c5{left:30px;}.elementor-1914 .elementor-element.elementor-element-c3870c5{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-c3870c5 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-c3870c5.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-c3870c5.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-c3870c5.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-c3870c5.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-c3870c5.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-c3870c5 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-c3870c5 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-6f6d48e9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-12679e68{--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-1914 .elementor-element.elementor-element-12679e68:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-12679e68 > .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-1914 .elementor-element.elementor-element-12679e68::before, .elementor-1914 .elementor-element.elementor-element-12679e68 > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-12679e68 > .e-con-inner > .elementor-background-video-container::before, .elementor-1914 .elementor-element.elementor-element-12679e68 > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-12679e68 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1914 .elementor-element.elementor-element-12679e68 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-1914 .elementor-element.elementor-element-12679e68: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-1914 .elementor-element.elementor-element-12679e68, .elementor-1914 .elementor-element.elementor-element-12679e68::before{--border-transition:0.3s;}.elementor-1914 .elementor-element.elementor-element-439af70a .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-40d5ed19 .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-1914 .elementor-element.elementor-element-5cfafe1{right:30px;}body.rtl .elementor-1914 .elementor-element.elementor-element-5cfafe1{left:30px;}.elementor-1914 .elementor-element.elementor-element-5cfafe1{bottom:20px;}.elementor-1914 .elementor-element.elementor-element-5cfafe1 .elementor-icon-wrapper{text-align:end;}.elementor-1914 .elementor-element.elementor-element-5cfafe1.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-5cfafe1.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-5cfafe1.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-1914 .elementor-element.elementor-element-5cfafe1.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-5cfafe1.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-1914 .elementor-element.elementor-element-5cfafe1 .elementor-icon{font-size:15px;}.elementor-1914 .elementor-element.elementor-element-5cfafe1 .elementor-icon svg{height:15px;}.elementor-1914 .elementor-element.elementor-element-479258cc{--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-1914 .elementor-element.elementor-element-479258cc .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-1914 .elementor-element.elementor-element-7453d88{--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-1914 .elementor-element.elementor-element-7453d88 > .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-1914 .elementor-element.elementor-element-7453d88.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-1914 .elementor-element.elementor-element-7453d88.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1914 .elementor-element.elementor-element-7453d88.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-1914 .elementor-element.elementor-element-7453d88.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-1914 .elementor-element.elementor-element-7453d88 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-635e7b0b{--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-1914 .elementor-element.elementor-element-c20aa7f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-c20aa7f.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-749181ec .elementor-button{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-749181ec .elementor-button:hover, .elementor-1914 .elementor-element.elementor-element-749181ec .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-749181ec > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-749181ec.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-2c956854{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2c956854:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-2c956854 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/02/Group-23-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-2581bf3c{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-70ecea61.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-70ecea61 .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-1914 .elementor-element.elementor-element-30043efe > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-1914 .elementor-element.elementor-element-30043efe{text-align:center;}.elementor-1914 .elementor-element.elementor-element-30043efe .elementor-heading-title{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-4d1d6e41{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-4d1d6e41.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-5318c159{--display:flex;--min-height:544px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-5318c159:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-5318c159 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/02/Group-1171277102.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-37894c5{--display:flex;--min-height:248px;--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-37d6c57f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-14b2574b .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-14b2574b .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-14b2574b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-14b2574b.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-14b2574b.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-14b2574b .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-14b2574b .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-67219996{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3053bacf .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-3053bacf .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-3053bacf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-3053bacf.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-3053bacf.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-3053bacf .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-3053bacf .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-2c55029d{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-10ff68b5 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-10ff68b5 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-10ff68b5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-10ff68b5.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-10ff68b5.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-10ff68b5 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-10ff68b5 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-3498846d{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-7bf2ecc8 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-7bf2ecc8 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7bf2ecc8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7bf2ecc8.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-7bf2ecc8.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7bf2ecc8 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-7bf2ecc8 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-3f283cde{--display:flex;--min-height:248px;--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-30c5d86e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-34599142 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-34599142 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-34599142.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-34599142.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-34599142.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-34599142 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-34599142 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-4b5b4ca6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-7df94344 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-7df94344 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7df94344.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7df94344.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-7df94344.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7df94344 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-7df94344 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-6885c95c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2a2eb399 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-2a2eb399 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-2a2eb399.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-2a2eb399.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-2a2eb399.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-2a2eb399 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-2a2eb399 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-3403b034{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2362cbce .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-2362cbce .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-2362cbce.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-2362cbce.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-2362cbce.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-2362cbce .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-2362cbce .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-33c4e6e4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-33c4e6e4:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-33c4e6e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/02/Group-1171277102.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-45c7aa0d{--display:flex;}.elementor-1914 .elementor-element.elementor-element-942f761 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-942f761 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-942f761.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-942f761.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-942f761.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-942f761 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-942f761 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-27718694{--display:flex;}.elementor-1914 .elementor-element.elementor-element-3289b4dd .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-3289b4dd .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-3289b4dd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-3289b4dd.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-3289b4dd.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-3289b4dd .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-3289b4dd .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-22ca3e1f{--display:flex;}.elementor-1914 .elementor-element.elementor-element-4da29b45 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-4da29b45 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-4da29b45.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-4da29b45.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-4da29b45.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-4da29b45 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-4da29b45 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-53589658{--display:flex;}.elementor-1914 .elementor-element.elementor-element-7776d73e .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-7776d73e .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7776d73e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7776d73e.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-7776d73e.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-7776d73e .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-7776d73e .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-b311bce{--display:flex;}.elementor-1914 .elementor-element.elementor-element-52749b20 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-52749b20 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-52749b20.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-52749b20.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-52749b20.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-52749b20 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-52749b20 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-12348a7a{--display:flex;}.elementor-1914 .elementor-element.elementor-element-1ca7dcc8 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-1ca7dcc8 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-1ca7dcc8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-1ca7dcc8.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-1ca7dcc8.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-1ca7dcc8 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-1ca7dcc8 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-7a8d8d8a{--display:flex;}.elementor-1914 .elementor-element.elementor-element-6cb58037 .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-6cb58037 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-6cb58037.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-6cb58037.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-6cb58037.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-6cb58037 .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-6cb58037 .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-52f9b27e{--display:flex;}.elementor-1914 .elementor-element.elementor-element-60e8ca5d .elementor-icon-box-wrapper{gap:10px;}.elementor-1914 .elementor-element.elementor-element-60e8ca5d .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-60e8ca5d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-60e8ca5d.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-60e8ca5d.elementor-view-default .elementor-icon{fill:var( --e-global-color-99695ec );color:var( --e-global-color-99695ec );border-color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-60e8ca5d .elementor-icon{font-size:50px;}.elementor-1914 .elementor-element.elementor-element-60e8ca5d .elementor-icon-box-description{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-99695ec );}.elementor-1914 .elementor-element.elementor-element-77cd811f{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-normal-color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-349aac4d{--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-1a2627fb .elementor-button:hover, .elementor-1914 .elementor-element.elementor-element-1a2627fb .elementor-button:focus{background-color:var( --e-global-color-79275c4 );color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-1a2627fb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-1a2627fb.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-1a2627fb .elementor-button:hover svg, .elementor-1914 .elementor-element.elementor-element-1a2627fb .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-982d75d .elementor-button{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-982d75d .elementor-button:hover, .elementor-1914 .elementor-element.elementor-element-982d75d .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-982d75d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-982d75d.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-982d75d .elementor-button:hover svg, .elementor-1914 .elementor-element.elementor-element-982d75d .elementor-button:focus svg{fill:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-528255e1{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-678b3870{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3fa86f94 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-1914 .elementor-element.elementor-element-3fa86f94.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-3fa86f94 .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-1914 .elementor-element.elementor-element-40633bb5{text-align:center;}.elementor-1914 .elementor-element.elementor-element-40633bb5 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-6b973a05{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-11c2aa6d{--display:flex;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6532a76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-6532a76.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-6532a76{z-index:10;}.elementor-1914 .elementor-element.elementor-element-6532a76 .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-6532a76 .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-6532a76.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-6532a76.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-6532a76.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-6532a76.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-6532a76 .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-35cc2946{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-35cc2946 > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-35cc2946 .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-35cc2946 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-7ffcb71 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 15px 0px;border-radius:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-7ffcb71{z-index:999;text-align:center;}.elementor-1914 .elementor-element.elementor-element-7ffcb71 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-466c6b3{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2cc8bf0e{text-align:center;}.elementor-1914 .elementor-element.elementor-element-2cc8bf0e .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-727042f9{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-1b84e901{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-70289dc3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-70289dc3.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-70289dc3{z-index:10;}.elementor-1914 .elementor-element.elementor-element-70289dc3 .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-70289dc3 .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-70289dc3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-70289dc3.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-70289dc3.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-70289dc3.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-70289dc3 .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-2d08785b{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-2d08785b > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-2d08785b .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-2d08785b .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-32bf6121 > .elementor-widget-container{padding:15px 0px 15px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-32bf6121{z-index:999;text-align:center;}.elementor-1914 .elementor-element.elementor-element-32bf6121 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-6c6182f2{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-628bf3c5{text-align:center;}.elementor-1914 .elementor-element.elementor-element-628bf3c5 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-50b2e643{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-3aa5ca4e{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6510cd98.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-6510cd98{z-index:10;}.elementor-1914 .elementor-element.elementor-element-6510cd98 .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-6510cd98 .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-6510cd98.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-6510cd98.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-6510cd98.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-6510cd98.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-6510cd98 .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-160248e3{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-160248e3 > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-160248e3 .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-160248e3 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-6f4f0616 > .elementor-widget-container{padding:15px 0px 15px 0px;border-radius:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-6f4f0616{z-index:999;text-align:center;}.elementor-1914 .elementor-element.elementor-element-6f4f0616 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-5ec530ca{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-47239451{text-align:center;}.elementor-1914 .elementor-element.elementor-element-47239451 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-4433d28c{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-486fd90c{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-52bc156f.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-52bc156f{z-index:10;}.elementor-1914 .elementor-element.elementor-element-52bc156f .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-52bc156f .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-52bc156f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-52bc156f.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-52bc156f.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-52bc156f.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-52bc156f .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-225b801c{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-225b801c > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-225b801c .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-225b801c .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-7224b4a3 > .elementor-widget-container{padding:15px 0px 15px 0px;border-radius:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-7224b4a3{z-index:999;text-align:center;}.elementor-1914 .elementor-element.elementor-element-7224b4a3 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-5110dc97{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3dc1f9a9{text-align:center;}.elementor-1914 .elementor-element.elementor-element-3dc1f9a9 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-696bd4cc{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-2a62ad5f{--display:flex;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-641531bb.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-641531bb{z-index:10;}.elementor-1914 .elementor-element.elementor-element-641531bb .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-641531bb .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-641531bb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-641531bb.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-641531bb.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-641531bb.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-641531bb .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-7a38393e{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-7a38393e > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-7a38393e .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-7a38393e .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-1f1d91e4 > .elementor-widget-container{padding:15px 0px 15px 0px;border-style:none;border-radius:0px 20px 20px 0px;}.elementor-1914 .elementor-element.elementor-element-1f1d91e4{z-index:999;text-align:center;}.elementor-1914 .elementor-element.elementor-element-1f1d91e4 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-72052a79{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-474d6d55{text-align:center;}.elementor-1914 .elementor-element.elementor-element-474d6d55 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-2be954a1{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-3dd1b4b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-66f86137{--display:flex;}.elementor-1914 .elementor-element.elementor-element-2e773609{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-48158607 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-48158607.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-48158607{z-index:10;}.elementor-1914 .elementor-element.elementor-element-48158607 .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-48158607 .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-48158607.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-48158607.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-48158607.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-48158607.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-48158607 .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-7c19b251{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-7c19b251 > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-7c19b251 .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-7c19b251 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-3ecc505b > .elementor-widget-container{padding:15px 0px 15px 0px;border-radius:20px 20px 20px 20px;}.elementor-1914 .elementor-element.elementor-element-3ecc505b{text-align:center;}.elementor-1914 .elementor-element.elementor-element-3ecc505b .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-24cedc29{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-754e2750{text-align:center;}.elementor-1914 .elementor-element.elementor-element-754e2750 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-6a4f73c3{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-17962774{--display:flex;}.elementor-1914 .elementor-element.elementor-element-2193dc2c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-5ffaf0b9.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-5ffaf0b9{z-index:10;}.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-5ffaf0b9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-5ffaf0b9.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-5ffaf0b9.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-5ffaf0b9.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-2d40a6c2{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-2d40a6c2 > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-2d40a6c2 .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-2d40a6c2 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-51a604a4 > .elementor-widget-container{padding:15px 0px 15px 0px;border-radius:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-51a604a4{text-align:center;}.elementor-1914 .elementor-element.elementor-element-51a604a4 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-6e62b582{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2469dd17{text-align:center;}.elementor-1914 .elementor-element.elementor-element-2469dd17 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-703e6{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-6bc42a32{--display:flex;}.elementor-1914 .elementor-element.elementor-element-52c5a2eb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3d6618db.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-3d6618db{z-index:10;}.elementor-1914 .elementor-element.elementor-element-3d6618db .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-3d6618db .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-3d6618db.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-3d6618db.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-3d6618db.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-3d6618db.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-3d6618db .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-da9585b{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-da9585b > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-da9585b .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-da9585b .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-2a2d28e5 > .elementor-widget-container{padding:15px 0px 15px 0px;border-radius:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-2a2d28e5{text-align:center;}.elementor-1914 .elementor-element.elementor-element-2a2d28e5 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-1941437b{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-301df57f{text-align:center;}.elementor-1914 .elementor-element.elementor-element-301df57f .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-2cb94495{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-69150d46{--display:flex;}.elementor-1914 .elementor-element.elementor-element-22f90ebf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6f002e92.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-6f002e92{z-index:10;}.elementor-1914 .elementor-element.elementor-element-6f002e92 .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-6f002e92 .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-6f002e92.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-6f002e92.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-6f002e92.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-6f002e92.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-6f002e92 .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-33ae6f4d{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-33ae6f4d > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-33ae6f4d .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-33ae6f4d .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-5eadf6aa > .elementor-widget-container{padding:15px 0px 15px 0px;border-radius:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-5eadf6aa{text-align:center;}.elementor-1914 .elementor-element.elementor-element-5eadf6aa .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-2b1dca92{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-37a1e540{text-align:center;}.elementor-1914 .elementor-element.elementor-element-37a1e540 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-4863ea0{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-72baaccf{--display:flex;}.elementor-1914 .elementor-element.elementor-element-4c9a0843{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-718de83c.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-718de83c{z-index:10;}.elementor-1914 .elementor-element.elementor-element-718de83c .elementor-icon-box-wrapper{gap:0px;}.elementor-1914 .elementor-element.elementor-element-718de83c .elementor-icon-box-title{margin-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-718de83c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-718de83c.elementor-view-framed .elementor-icon, .elementor-1914 .elementor-element.elementor-element-718de83c.elementor-view-default .elementor-icon{fill:var( --e-global-color-79275c4 );color:var( --e-global-color-79275c4 );border-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-718de83c.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-718de83c .elementor-icon{font-size:50px;padding:15px;}.elementor-1914 .elementor-element.elementor-element-6871449f{--divider-border-style:solid;--divider-color:var( --e-global-color-79275c4 );--divider-border-width:2px;}.elementor-1914 .elementor-element.elementor-element-6871449f > .elementor-widget-container{--e-transform-rotateZ:90deg;--e-transform-translateX:85px;}.elementor-1914 .elementor-element.elementor-element-6871449f .elementor-divider-separator{width:45%;}.elementor-1914 .elementor-element.elementor-element-6871449f .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1914 .elementor-element.elementor-element-6139dd1a > .elementor-widget-container{padding:15px 0px 15px 0px;border-radius:0px 20px 20px 0px;}.elementor-1914 .elementor-element.elementor-element-6139dd1a{text-align:center;}.elementor-1914 .elementor-element.elementor-element-6139dd1a .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-19f65444{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-210343f5{text-align:center;}.elementor-1914 .elementor-element.elementor-element-210343f5 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-2d663b6e{text-align:center;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 );}.elementor-1914 .elementor-element.elementor-element-3f459a75{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-normal-color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-ba85ec7{--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-4b17ffac > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-4b17ffac.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-3b52f10b .elementor-button{background-color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-3b52f10b .elementor-button:hover, .elementor-1914 .elementor-element.elementor-element-3b52f10b .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-3b52f10b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-3b52f10b.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-6fb45218{--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:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6fb45218:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-6fb45218 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/02/why-choose-one-bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-1bd9f590{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-dbfca48.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-dbfca48 .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-1914 .elementor-element.elementor-element-11186b6b{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;text-align:center;}.elementor-1914 .elementor-element.elementor-element-11186b6b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-11186b6b.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-11186b6b .elementor-heading-title{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-6e4b77f3{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6fb153ef{--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-1914 .elementor-element.elementor-element-2a374d1f{color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-19f51cd6{--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:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3635a3c4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-3635a3c4.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-f3a27fc .elementor-button{background-color:var( --e-global-color-79275c4 );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-1914 .elementor-element.elementor-element-f3a27fc .elementor-button:hover, .elementor-1914 .elementor-element.elementor-element-f3a27fc .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-f3a27fc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-f3a27fc.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-f3a27fc .elementor-button:hover svg, .elementor-1914 .elementor-element.elementor-element-f3a27fc .elementor-button:focus svg{fill:var( --e-global-color-79275c4 );}.elementor-1914 .elementor-element.elementor-element-7fd5f670{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-27f34e4f img{width:650px;}.elementor-1914 .elementor-element.elementor-element-3bcde237{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-71cb03d4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6dead147 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-1914 .elementor-element.elementor-element-6dead147.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-6dead147 .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-1914 .elementor-element.elementor-element-1a1dde30{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;text-align:center;}.elementor-1914 .elementor-element.elementor-element-1a1dde30 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-1a1dde30.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-1a1dde30 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-1a86a12e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0;--padding-bottom:0;--padding-left:calc(50% - 680px);--padding-right:0;}.elementor-1914 .elementor-element.elementor-element-4bc417b7{--swiper-slides-to-display:3;--swiper-offset-size:80px;--swiper-slides-gap:20px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-180px;--arrow-prev-top-align:100%;--arrow-prev-translate-y:-100%;--arrow-prev-top-position:93px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:115px;--arrow-next-top-align:100%;--arrow-next-translate-y:-100%;--arrow-next-top-position:93px;--arrow-size:20px;--arrow-normal-color:var( --e-global-color-accent );}.elementor-1914 .elementor-element.elementor-element-4bc417b7 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1914 .elementor-element.elementor-element-4bc417b7 .swiper-slide > .elementor-element{height:100%;}.elementor-1914 .elementor-element.elementor-element-4bc417b7 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:10px 10px 10px 10px;}.elementor-1914 .elementor-element.elementor-element-4a12d3e7{--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:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-a6de2f3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-a6de2f3.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-15cb1e6e{--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-1914 .elementor-element.elementor-element-15cb1e6e:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-15cb1e6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/why-choose-one-bg-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-30fc7f2d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-23c5db77.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-23c5db77 .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-1914 .elementor-element.elementor-element-2124f3a2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-2124f3a2.elementor-element{--align-self:center;}.elementor-1914 .elementor-element.elementor-element-2124f3a2{text-align:center;}.elementor-1914 .elementor-element.elementor-element-2124f3a2 .elementor-heading-title{color:var( --e-global-color-99695ec );}.elementor-1914 .elementor-element.elementor-element-5182d0ee{--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-1914 .elementor-element.elementor-element-51dec835{--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-1914 .elementor-element.elementor-element-30607bfe{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-1914 .elementor-element.elementor-element-54fb22f2{--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-1914 .elementor-element.elementor-element-7d186817{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-1914 .elementor-element.elementor-element-2b0f68c6{--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-1914 .elementor-element.elementor-element-41ef9916{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-1914 .elementor-element.elementor-element-1021421f{--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-1914 .elementor-element.elementor-element-4198b13c{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-1914 .elementor-element.elementor-element-17828182{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2e84f0aa{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-1914 .elementor-element.elementor-element-10d35e24{--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-1914 .elementor-element.elementor-element-10d35e24 > .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-1914 .elementor-element.elementor-element-10d35e24 > .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-1914 .elementor-element.elementor-element-10d35e24 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}.elementor-1914 .elementor-element.elementor-element-10d35e24 {--n-accordion-padding:0px 0px 20px 0px;}:where( .elementor-1914 .elementor-element.elementor-element-10d35e24 > .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-1914 .elementor-element.elementor-element-03de587{--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-1914 .elementor-element.elementor-element-66a95084{--width:100%;}.elementor-1914 .elementor-element.elementor-element-685a4f10{--width:65%;}.elementor-1914 .elementor-element.elementor-element-1d2a54e6{--width:40%;}.elementor-1914 .elementor-element.elementor-element-2bee8d08{--width:1263px;}.elementor-1914 .elementor-element.elementor-element-592ab60a{--width:1263px;}.elementor-1914 .elementor-element.elementor-element-471180d9{--width:32%;}.elementor-1914 .elementor-element.elementor-element-4e830554{--width:32%;}.elementor-1914 .elementor-element.elementor-element-4d8d33af{--width:32%;}.elementor-1914 .elementor-element.elementor-element-753f6ed5{--width:32%;}.elementor-1914 .elementor-element.elementor-element-1bc79722{--width:32%;}.elementor-1914 .elementor-element.elementor-element-2e0c33ef{--width:32%;}.elementor-1914 .elementor-element.elementor-element-3c15b922{--width:32%;}.elementor-1914 .elementor-element.elementor-element-3c4dc79a{--width:32%;}.elementor-1914 .elementor-element.elementor-element-60e9b89{--width:32%;}.elementor-1914 .elementor-element.elementor-element-76ba8701{--width:32%;}.elementor-1914 .elementor-element.elementor-element-3e6b4257{--width:32%;}.elementor-1914 .elementor-element.elementor-element-1c0cd561{--width:32%;}.elementor-1914 .elementor-element.elementor-element-5182d0ee{--width:780px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1914 .elementor-element.elementor-element-66a95084{--width:100%;}.elementor-1914 .elementor-element.elementor-element-1d2a54e6{--width:100%;}.elementor-1914 .elementor-element.elementor-element-2bee8d08{--width:100%;}.elementor-1914 .elementor-element.elementor-element-592ab60a{--width:100%;}.elementor-1914 .elementor-element.elementor-element-5182d0ee{--width:100%;}}@media(max-width:1024px){.elementor-1914 .elementor-element.elementor-element-7adaeb86{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-40aa2a3b{--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-1914 .elementor-element.elementor-element-66a95084{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1914 .elementor-element.elementor-element-76a3279a{width:100%;max-width:100%;}.elementor-1914 .elementor-element.elementor-element-7a4fa8fa{width:100%;max-width:100%;}.elementor-1914 .elementor-element.elementor-element-29aaa09c{--e-image-carousel-slides-to-show:3;}.elementor-1914 .elementor-element.elementor-element-29aaa09c .swiper-wrapper{display:flex;align-items:center;}.elementor-1914 .elementor-element.elementor-element-b2cd300{--padding-top:50px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-1914 .elementor-element.elementor-element-00217a4 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-137ed5dc{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-55px;--e-n-carousel-arrow-prev-top-position:94px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-position:93px;}.elementor-1914 .elementor-element.elementor-element-3afa8a5{--padding-top:50px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-1914 .elementor-element.elementor-element-53e7644 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-6289cce{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-55px;--e-n-carousel-arrow-prev-top-position:94px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-position:93px;}.elementor-1914 .elementor-element.elementor-element-3be5d0dc{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-4788c60f{--flex-direction:column-reverse;--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-1914 .elementor-element.elementor-element-1e020aa1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1914 .elementor-element.elementor-element-1e020aa1 img{width:75%;}.elementor-1914 .elementor-element.elementor-element-73504bad .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-78d74b6{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-a175766 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-d6fd5e2{--min-height:320px;--border-radius:20px 20px 20px 20px;}.elementor-1914 .elementor-element.elementor-element-d6fd5e2:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-d6fd5e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-91f41c8{--min-height:320px;--border-radius:20px 20px 20px 20px;}.elementor-1914 .elementor-element.elementor-element-91f41c8:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-91f41c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-e74d5ba{--min-height:320px;--border-radius:20px 20px 20px 20px;}.elementor-1914 .elementor-element.elementor-element-e74d5ba:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-e74d5ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-1dfa885{--min-height:320px;--border-radius:20px 20px 20px 20px;}.elementor-1914 .elementor-element.elementor-element-1dfa885:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-1dfa885 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-930c5d6{--min-height:320px;--border-radius:20px 20px 20px 20px;}.elementor-1914 .elementor-element.elementor-element-930c5d6:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-930c5d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-d2a0f8b{--min-height:320px;--border-radius:20px 20px 20px 20px;}.elementor-1914 .elementor-element.elementor-element-d2a0f8b:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-d2a0f8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1914 .elementor-element.elementor-element-e2fbd1c{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-pagination-size:8px;--e-n-carousel-swiper-pagination-spacing:30px;}.elementor-1914 .elementor-element.elementor-element-e2fbd1c .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-1914 .elementor-element.elementor-element-1333896{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-a40d76b{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-de847a4{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-1b920d69 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-e7b7822{--n-tabs-title-font-size:21px;}.elementor-1914 .elementor-element.elementor-element-48b70abd{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-3a923f15 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-7abcbe2{--e-n-carousel-swiper-slides-to-display:2;}.elementor-1914 .elementor-element.elementor-element-479258cc{--e-n-carousel-swiper-slides-to-display:2;}.elementor-1914 .elementor-element.elementor-element-7453d88{--n-tabs-title-font-size:21px;}.elementor-1914 .elementor-element.elementor-element-2c956854{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-70ecea61 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-30043efe > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-1914 .elementor-element.elementor-element-4d1d6e41{width:100%;max-width:100%;}.elementor-1914 .elementor-element.elementor-element-14b2574b .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-3053bacf .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-10ff68b5 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-7bf2ecc8 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-34599142 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-7df94344 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-2a2eb399 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-2362cbce .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-33c4e6e4:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-33c4e6e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:0px auto;}.elementor-1914 .elementor-element.elementor-element-45c7aa0d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-942f761 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-27718694{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3289b4dd .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-22ca3e1f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-4da29b45 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-53589658{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-7776d73e .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-b311bce{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-52749b20 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-12348a7a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-1ca7dcc8 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-7a8d8d8a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6cb58037 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-52f9b27e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-60e8ca5d .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-77cd811f{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-swiper-pagination-spacing:35px;}.elementor-1914 .elementor-element.elementor-element-77cd811f .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-1914 .elementor-element.elementor-element-528255e1{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-3fa86f94 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-727042f9{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-50b2e643{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-4433d28c{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-696bd4cc{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-2be954a1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-66f86137{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-6a4f73c3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-17962774{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-703e6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-6bc42a32{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2cb94495{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-69150d46{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-4863ea0{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-72baaccf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-2d663b6e{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-3f459a75{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-swiper-pagination-size:10px;}.elementor-1914 .elementor-element.elementor-element-3f459a75 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-1914 .elementor-element.elementor-element-6fb45218{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-dbfca48 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-11186b6b{width:100%;max-width:100%;}.elementor-1914 .elementor-element.elementor-element-6e4b77f3{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1914 .elementor-element.elementor-element-6fb153ef{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1914 .elementor-element.elementor-element-3bcde237{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-6dead147 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-4bc417b7{--swiper-slides-to-display:2;--swiper-offset-size:0px;--arrow-prev-left-position:-60px;--arrow-next-right-position:0px;}.elementor-1914 .elementor-element.elementor-element-15cb1e6e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-23c5db77 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-5182d0ee{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-30607bfe{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-7d186817{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-41ef9916{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-4198b13c{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-2e84f0aa{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-10d35e24{--n-accordion-title-font-size:25px;}:where( .elementor-1914 .elementor-element.elementor-element-10d35e24 > .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-1914 .elementor-element.elementor-element-76a3279a{width:100%;max-width:100%;}.elementor-1914 .elementor-element.elementor-element-5a2e7020{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1914 .elementor-element.elementor-element-19e24486{width:initial;max-width:initial;}.elementor-1914 .elementor-element.elementor-element-19e24486 img{width:200px;}.elementor-1914 .elementor-element.elementor-element-685a4f10{--width:70%;}.elementor-1914 .elementor-element.elementor-element-1d2a54e6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-29aaa09c{--e-image-carousel-slides-to-show:2;}.elementor-1914 .elementor-element.elementor-element-b2cd300{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-00217a4 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-14f98241{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1914 .elementor-element.elementor-element-5fe44f31{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1914 .elementor-element.elementor-element-1d0f63a3{--width:75%;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-1914 .elementor-element.elementor-element-411cbb10{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1914 .elementor-element.elementor-element-38b8250d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1914 .elementor-element.elementor-element-51a5bf7c{--width:72%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1914 .elementor-element.elementor-element-1c9ffeef{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1914 .elementor-element.elementor-element-1e60513f{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1914 .elementor-element.elementor-element-30b00578{--width:75%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1914 .elementor-element.elementor-element-77ab7e1{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1914 .elementor-element.elementor-element-93a1fed{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1914 .elementor-element.elementor-element-d3e1259{--width:75%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1914 .elementor-element.elementor-element-137ed5dc{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-prev-top-position:85px;--e-n-carousel-arrow-next-top-position:85px;--e-n-carousel-arrow-size:15px;}.elementor-1914 .elementor-element.elementor-element-3afa8a5{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1914 .elementor-element.elementor-element-53e7644 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-1aa4fa5{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1914 .elementor-element.elementor-element-15a943d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1914 .elementor-element.elementor-element-2dd34cb{--width:75%;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-1914 .elementor-element.elementor-element-ee053e7{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1914 .elementor-element.elementor-element-a0aec6f{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1914 .elementor-element.elementor-element-d50c203{--width:72%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1914 .elementor-element.elementor-element-94bdd38{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1914 .elementor-element.elementor-element-6a71ef1{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1914 .elementor-element.elementor-element-127d253{--width:75%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1914 .elementor-element.elementor-element-6289cce{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-prev-top-position:85px;--e-n-carousel-arrow-next-top-position:85px;--e-n-carousel-arrow-size:15px;}.elementor-1914 .elementor-element.elementor-element-1e020aa1 img{width:100%;}.elementor-1914 .elementor-element.elementor-element-73504bad .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-a175766 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-15e28c9 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-1914 .elementor-element.elementor-element-15e28c9{text-align:center;}.elementor-1914 .elementor-element.elementor-element-d6fd5e2:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-d6fd5e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Blog-RIC_COP_BHSXL_ON_Tersigni_032.jpg");}.elementor-1914 .elementor-element.elementor-element-91f41c8:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-91f41c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Blog-S3K_UMB_HEX_ON_LotusLandscaping_0909.jpg");}.elementor-1914 .elementor-element.elementor-element-e74d5ba:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-e74d5ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/b132aabb-f720-4665-814c-c814c6f2be10-1300x649-1.png");}.elementor-1914 .elementor-element.elementor-element-1dfa885:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-1dfa885 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Web-Gallery-TWH_BHS_LDS_CH_Arrowhead_3959-1300x649-1.jpg");}.elementor-1914 .elementor-element.elementor-element-930c5d6:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-930c5d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Outdoor-Living_5853-1300x649-1.jpg");}.elementor-1914 .elementor-element.elementor-element-d2a0f8b:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-d2a0f8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Pool-Decks_3269-1300x649-1.jpg");}.elementor-1914 .elementor-element.elementor-element-e2fbd1c{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1914 .elementor-element.elementor-element-1333896{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1914 .elementor-element.elementor-element-a40d76b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1914 .elementor-element.elementor-element-1b920d69 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-e7b7822{--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-1914 .elementor-element.elementor-element-3a923f15 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-d8e02a7:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-d8e02a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/04/Concrete.jpg");background-position:center right;}.elementor-1914 .elementor-element.elementor-element-d8e02a7{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-0feb6d8{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-1b7042c{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-49fe3ae{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-8a9c7e9{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-33e7bcb{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-3f12d81{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-7abcbe2{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1914 .elementor-element.elementor-element-664ea491:not(.elementor-motion-effects-element-type-background), .elementor-1914 .elementor-element.elementor-element-664ea491 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Aeration.jpg");}.elementor-1914 .elementor-element.elementor-element-664ea491{--min-height:360px;--overlay-opacity:0.5;}.elementor-1914 .elementor-element.elementor-element-15ae934e{--min-height:360px;--overlay-opacity:0.5;}.elementor-1914 .elementor-element.elementor-element-2b9e2ce6{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-1eabeec6{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-90fdf6d{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-12679e68{--min-height:360px;}.elementor-1914 .elementor-element.elementor-element-479258cc{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1914 .elementor-element.elementor-element-7453d88{--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-1914 .elementor-element.elementor-element-70ecea61 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-14b2574b .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-3053bacf .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-10ff68b5 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-7bf2ecc8 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-34599142 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-7df94344 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-2a2eb399 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-2362cbce .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-942f761 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-3289b4dd .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-4da29b45 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-7776d73e .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-52749b20 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-1ca7dcc8 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-6cb58037 .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-60e8ca5d .elementor-icon-box-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-77cd811f{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1914 .elementor-element.elementor-element-678b3870{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1914 .elementor-element.elementor-element-3fa86f94 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-727042f9{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-50b2e643{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-4433d28c{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-696bd4cc{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-2be954a1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-7c19b251 .elementor-divider-separator{width:40%;}.elementor-1914 .elementor-element.elementor-element-3ecc505b > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-1914 .elementor-element.elementor-element-6a4f73c3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-2d40a6c2 .elementor-divider-separator{width:40%;}.elementor-1914 .elementor-element.elementor-element-51a604a4 > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-1914 .elementor-element.elementor-element-703e6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-da9585b .elementor-divider-separator{width:40%;}.elementor-1914 .elementor-element.elementor-element-2a2d28e5 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1914 .elementor-element.elementor-element-2cb94495{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-33ae6f4d .elementor-divider-separator{width:40%;}.elementor-1914 .elementor-element.elementor-element-5eadf6aa > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1914 .elementor-element.elementor-element-4863ea0{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-6871449f .elementor-divider-separator{width:40%;}.elementor-1914 .elementor-element.elementor-element-6139dd1a > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1914 .elementor-element.elementor-element-2d663b6e{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-3f459a75{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1914 .elementor-element.elementor-element-dbfca48 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-6dead147 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-1a1dde30{width:100%;max-width:100%;}.elementor-1914 .elementor-element.elementor-element-4bc417b7{--swiper-slides-to-display:1;--arrow-prev-left-position:-50px;--arrow-prev-top-position:85px;--arrow-next-top-position:85px;--arrow-size:14px;}.elementor-1914 .elementor-element.elementor-element-15cb1e6e{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-1914 .elementor-element.elementor-element-23c5db77 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1914 .elementor-element.elementor-element-30607bfe{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-7d186817{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-41ef9916{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-4198b13c{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1914 .elementor-element.elementor-element-2e84f0aa{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-29aaa09c */.elementor-1914 .elementor-element.elementor-element-29aaa09c .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-137ed5dc */.elementor-1914 .elementor-element.elementor-element-137ed5dc .swiper-slide-active{
   
   border: 1px solid #C68346 !important;
   border-radius: 20px !important;
}
.elementor-1914 .elementor-element.elementor-element-137ed5dc .swiper-slide-active .elementor-icon {
    color: #C68346 !important;
}



.elementor-1914 .elementor-element.elementor-element-137ed5dc .swiper-slide-active .elementor-widget-rating .e-rating .e-icon-wrapper svg {
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-6289cce *//* This forces the carousel to move at a constant linear speed */
.elementor-1914 .elementor-element.elementor-element-6289cce .swiper-wrapper {
    transition-timing-function: linear !important;
}

/* Optional: Hides the arrows if the client no longer wants them */
.elementor-1914 .elementor-element.elementor-element-6289cce .elementor-swiper-button {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b0971e *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-8b0971e {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-8b0971e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-8b0971e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-471180d9 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-471180d9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-471180d9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-471180d9:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-471180d9:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-471180d9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c621bc *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-9c621bc {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-9c621bc:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-9c621bc:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e830554 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4e830554 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4e830554:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4e830554:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4e830554:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4e830554:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c549c3a *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c549c3a {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c549c3a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c549c3a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d8d33af *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4d8d33af {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fc15590 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-fc15590 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-fc15590:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-fc15590:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-753f6ed5 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-753f6ed5 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-96a5c7a *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-96a5c7a {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-96a5c7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-96a5c7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bc79722 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1bc79722 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9bd8e1d *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-9bd8e1d {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-9bd8e1d:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-9bd8e1d:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0c33ef *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-325eae9b *//* 1. Base State */
.elementor-1914 .elementor-element.elementor-element-325eae9b {
    flex-grow: 1;
    flex-basis: 0;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer;
}

/* 2. Tilt the Arrow by default (Pointing Top-Right) */
.elementor-1914 .elementor-element.elementor-element-325eae9b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg); /* This tilts it diagonally */
}

/* 3. Hover Expansion */
.elementor-1914 .elementor-element.elementor-element-325eae9b:hover {
    flex-grow: 3 !important;
}

/* 4. Hover Arrow Effect (No color change, just a little 'push') */
.elementor-1914 .elementor-element.elementor-element-325eae9b:hover .elementor-icon {
    /* Keeps the current color but makes it feel active */
    transform: rotate(45deg) scale(1.1) translateY(-5px); 
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c887533 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c887533 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c887533:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c887533:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c15b922 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c15b922 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0954df1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0954df1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0954df1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0954df1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c4dc79a *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c4a9bbb *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c4a9bbb {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c4a9bbb:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c4a9bbb:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e9b89 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-60e9b89 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b2f39b8 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-b2f39b8 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-b2f39b8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-b2f39b8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76ba8701 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-76ba8701 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4aab23e *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-4aab23e {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-4aab23e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-4aab23e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e6b4257 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3e6b4257 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-35515ec *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-35515ec {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-35515ec:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-35515ec:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c0cd561 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1c0cd561 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b0971e *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-8b0971e {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-8b0971e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-8b0971e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-471180d9 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-471180d9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-471180d9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-471180d9:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-471180d9:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-471180d9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c621bc *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-9c621bc {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-9c621bc:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-9c621bc:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e830554 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4e830554 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4e830554:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4e830554:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4e830554:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4e830554:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c549c3a *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c549c3a {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c549c3a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c549c3a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d8d33af *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4d8d33af {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fc15590 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-fc15590 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-fc15590:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-fc15590:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-753f6ed5 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-753f6ed5 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-96a5c7a *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-96a5c7a {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-96a5c7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-96a5c7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bc79722 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1bc79722 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9bd8e1d *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-9bd8e1d {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-9bd8e1d:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-9bd8e1d:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0c33ef *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-325eae9b *//* 1. Base State */
.elementor-1914 .elementor-element.elementor-element-325eae9b {
    flex-grow: 1;
    flex-basis: 0;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer;
}

/* 2. Tilt the Arrow by default (Pointing Top-Right) */
.elementor-1914 .elementor-element.elementor-element-325eae9b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg); /* This tilts it diagonally */
}

/* 3. Hover Expansion */
.elementor-1914 .elementor-element.elementor-element-325eae9b:hover {
    flex-grow: 3 !important;
}

/* 4. Hover Arrow Effect (No color change, just a little 'push') */
.elementor-1914 .elementor-element.elementor-element-325eae9b:hover .elementor-icon {
    /* Keeps the current color but makes it feel active */
    transform: rotate(45deg) scale(1.1) translateY(-5px); 
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c887533 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c887533 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c887533:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c887533:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c15b922 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c15b922 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0954df1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0954df1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0954df1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0954df1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c4dc79a *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c4a9bbb *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c4a9bbb {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c4a9bbb:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c4a9bbb:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e9b89 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-60e9b89 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b2f39b8 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-b2f39b8 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-b2f39b8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-b2f39b8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76ba8701 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-76ba8701 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4aab23e *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-4aab23e {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-4aab23e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-4aab23e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e6b4257 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3e6b4257 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-35515ec *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-35515ec {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-35515ec:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-35515ec:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c0cd561 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1c0cd561 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b0971e *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-8b0971e {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-8b0971e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-8b0971e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-471180d9 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-471180d9 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-471180d9:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-471180d9:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-471180d9 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-471180d9:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-471180d9:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c621bc *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-9c621bc {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-9c621bc:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-9c621bc:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e830554 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4e830554 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4e830554:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4e830554:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4e830554 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4e830554:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4e830554:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c549c3a *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c549c3a {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c549c3a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c549c3a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d8d33af *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4d8d33af {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4d8d33af .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4d8d33af:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fc15590 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-fc15590 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-fc15590:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-fc15590:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-753f6ed5 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-753f6ed5 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-753f6ed5 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-753f6ed5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-96a5c7a *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-96a5c7a {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-96a5c7a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-96a5c7a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bc79722 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1bc79722 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1bc79722 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1bc79722:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9bd8e1d *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-9bd8e1d {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-9bd8e1d:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-9bd8e1d:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0c33ef *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2e0c33ef .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2e0c33ef:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-325eae9b *//* 1. Base State */
.elementor-1914 .elementor-element.elementor-element-325eae9b {
    flex-grow: 1;
    flex-basis: 0;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer;
}

/* 2. Tilt the Arrow by default (Pointing Top-Right) */
.elementor-1914 .elementor-element.elementor-element-325eae9b .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg); /* This tilts it diagonally */
}

/* 3. Hover Expansion */
.elementor-1914 .elementor-element.elementor-element-325eae9b:hover {
    flex-grow: 3 !important;
}

/* 4. Hover Arrow Effect (No color change, just a little 'push') */
.elementor-1914 .elementor-element.elementor-element-325eae9b:hover .elementor-icon {
    /* Keeps the current color but makes it feel active */
    transform: rotate(45deg) scale(1.1) translateY(-5px); 
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c887533 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c887533 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c887533:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c887533:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c15b922 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c15b922 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c15b922 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c15b922:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0954df1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0954df1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0954df1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0954df1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c4dc79a *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c4dc79a .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c4dc79a:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c4a9bbb *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c4a9bbb {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c4a9bbb:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c4a9bbb:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e9b89 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-60e9b89 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-60e9b89 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-60e9b89:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b2f39b8 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-b2f39b8 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-b2f39b8:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-b2f39b8:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76ba8701 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-76ba8701 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-76ba8701 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-76ba8701:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4aab23e *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-4aab23e {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-4aab23e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-4aab23e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e6b4257 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3e6b4257 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3e6b4257 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3e6b4257:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-35515ec *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-35515ec {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-35515ec:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-35515ec:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c0cd561 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1c0cd561 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1c0cd561 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1c0cd561:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e7b7822 */button#e-n-tab-title-2429727061 {
    border-radius: 30px 0px 0px 30px;
}
button#e-n-tab-title-2429727062 {
    border-radius: 0px 30px 30px 0px;
}

@media (max-width: 600px) {
 button#e-n-tab-title-2429727061 {
    border-radius: 30px 30px 30px 30px;
}
button#e-n-tab-title-2429727062 {
    border-radius: 30px 30px 30px 30px;
}
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-31aeb76 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-31aeb76:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-31aeb76:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e02a7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-d8e02a7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-d8e02a7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5fd70d2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5fd70d2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0feb6d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-0feb6d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-0feb6d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-51236b2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-51236b2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-51236b2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d49844 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-5d49844 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-5d49844 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-5d49844:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cdaa375 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-cdaa375:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-cdaa375:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630b154 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-630b154 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-630b154 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-630b154:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21a03d4 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-21a03d4:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-21a03d4:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa574c7 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-fa574c7 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-fa574c7 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-fa574c7:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c1b4e2 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c1b4e2:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2a014 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-3c2a014 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-3c2a014 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-3c2a014:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cc4bb7 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-3cc4bb7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4448542 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-4448542 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-4448542 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-4448542:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de4f07c *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-de4f07c:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-de4f07c:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664ea491 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-664ea491 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-664ea491 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-664ea491:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c53acf *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-0c53acf:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-0c53acf:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ae934e *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-15ae934e {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-15ae934e .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-15ae934e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e0bf52 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5e0bf52:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9e2ce6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-2b9e2ce6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b0fb96 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-2b0fb96:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eabeec6 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-1eabeec6 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-1eabeec6:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c3870c5 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-c3870c5:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-c3870c5:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90fdf6d *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-90fdf6d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-90fdf6d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-90fdf6d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5cfafe1 *//* 1. Make the whole card grow slightly on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1 {
    transition: all 0.3s ease-in-out;
}

.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-1914 .elementor-element.elementor-element-5cfafe1:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12679e68 *//* 1. The Container - Subtle Scale Setup */
.elementor-1914 .elementor-element.elementor-element-12679e68 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon i, 
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon,
.elementor-1914 .elementor-element.elementor-element-12679e68 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon i,
.elementor-1914 .elementor-element.elementor-element-12679e68:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-7453d88 */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 icon-box, class: .elementor-element-14b2574b */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}
.elementor-1914 .elementor-element.elementor-element-14b2574b h6.elementor-icon-box-title {
    margin-top: 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3053bacf */.elementor-1914 .elementor-element.elementor-element-3053bacf h6.elementor-icon-box-title {
    margin-top: 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-10ff68b5 */.elementor-1914 .elementor-element.elementor-element-10ff68b5 h6.elementor-icon-box-title {
    margin-top: 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7bf2ecc8 */.elementor-1914 .elementor-element.elementor-element-7bf2ecc8 h6.elementor-icon-box-title {
    margin-top: 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-34599142 */.elementor-1914 .elementor-element.elementor-element-34599142 h6.elementor-icon-box-title {
    margin-top: 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7df94344 */.elementor-1914 .elementor-element.elementor-element-7df94344 h6.elementor-icon-box-title {
    margin-top: 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2a2eb399 */.elementor-1914 .elementor-element.elementor-element-2a2eb399 h6.elementor-icon-box-title {
    margin-top: 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-942f761 */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-942f761 */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-942f761 */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-942f761 */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-942f761 */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-942f761 */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-942f761 */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-942f761 */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-942f761 */.choose-box:hover svg {
    fill:#C68346;
}
.choose-box:hover h6 {
   color:#C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6532a76 */.elementor-1914 .elementor-element.elementor-element-6532a76 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7ffcb71 */.step2{
    background: #EBEBEB !important;
    border-radius: 20px 0px 0px 20px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11c2aa6d */.step:hover h5 {
  color: #EBEBEB !important;
  
}
.step:hover .step1{
    background: #C68346 !important;
}
.step:hover .step2{
    background: #C68346 !important;
}
.step:hover .step3{
    background: #C68346 !important;
}
.step:hover .elementor-view-stacked .elementor-icon {
   border-color: #C68346 !important;
}

 
.step:hover .elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
    border-block-start: var(--divider-border-width) var(--divider-border-style) #C68346;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-70289dc3 */.elementor-1914 .elementor-element.elementor-element-70289dc3 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-32bf6121 */.step1{
    background: #EBEBEB !important;
    border-radius: 0px 0px 0px 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6510cd98 */.elementor-1914 .elementor-element.elementor-element-6510cd98 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f4f0616 */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-52bc156f */.elementor-1914 .elementor-element.elementor-element-52bc156f span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7224b4a3 */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-641531bb */.elementor-1914 .elementor-element.elementor-element-641531bb span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1f1d91e4 */.step3{
    background: #EBEBEB !important;
        border-radius: 0px 20px 20px 0px !important;

}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48158607 */.elementor-1914 .elementor-element.elementor-element-48158607 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ecc505b */.step2{
    background: #EBEBEB !important;
    border-radius: 10px 0px 0px 10px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5ffaf0b9 */.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-51a604a4 */.step1{
    background: #EBEBEB !important;
    border-radius: 0px 0px 0px 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d6618db */.elementor-1914 .elementor-element.elementor-element-3d6618db span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a2d28e5 */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f002e92 */.elementor-1914 .elementor-element.elementor-element-6f002e92 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5eadf6aa */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-718de83c */.elementor-1914 .elementor-element.elementor-element-718de83c span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6139dd1a */.step3{
    background: #EBEBEB !important;
        border-radius: 0px 10px 10px 0px !important;

}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48158607 */.elementor-1914 .elementor-element.elementor-element-48158607 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ecc505b */.step2{
    background: #EBEBEB !important;
    border-radius: 10px 0px 0px 10px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5ffaf0b9 */.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-51a604a4 */.step1{
    background: #EBEBEB !important;
    border-radius: 0px 0px 0px 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d6618db */.elementor-1914 .elementor-element.elementor-element-3d6618db span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a2d28e5 */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f002e92 */.elementor-1914 .elementor-element.elementor-element-6f002e92 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5eadf6aa */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-718de83c */.elementor-1914 .elementor-element.elementor-element-718de83c span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6139dd1a */.step3{
    background: #EBEBEB !important;
        border-radius: 0px 10px 10px 0px !important;

}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48158607 */.elementor-1914 .elementor-element.elementor-element-48158607 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ecc505b */.step2{
    background: #EBEBEB !important;
    border-radius: 10px 0px 0px 10px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5ffaf0b9 */.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-51a604a4 */.step1{
    background: #EBEBEB !important;
    border-radius: 0px 0px 0px 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d6618db */.elementor-1914 .elementor-element.elementor-element-3d6618db span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a2d28e5 */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f002e92 */.elementor-1914 .elementor-element.elementor-element-6f002e92 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5eadf6aa */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-718de83c */.elementor-1914 .elementor-element.elementor-element-718de83c span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6139dd1a */.step3{
    background: #EBEBEB !important;
        border-radius: 0px 10px 10px 0px !important;

}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48158607 */.elementor-1914 .elementor-element.elementor-element-48158607 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ecc505b */.step2{
    background: #EBEBEB !important;
    border-radius: 10px 0px 0px 10px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5ffaf0b9 */.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-51a604a4 */.step1{
    background: #EBEBEB !important;
    border-radius: 0px 0px 0px 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d6618db */.elementor-1914 .elementor-element.elementor-element-3d6618db span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a2d28e5 */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f002e92 */.elementor-1914 .elementor-element.elementor-element-6f002e92 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5eadf6aa */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-718de83c */.elementor-1914 .elementor-element.elementor-element-718de83c span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6139dd1a */.step3{
    background: #EBEBEB !important;
        border-radius: 0px 10px 10px 0px !important;

}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48158607 */.elementor-1914 .elementor-element.elementor-element-48158607 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ecc505b */.step2{
    background: #EBEBEB !important;
    border-radius: 10px 0px 0px 10px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5ffaf0b9 */.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-51a604a4 */.step1{
    background: #EBEBEB !important;
    border-radius: 0px 0px 0px 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d6618db */.elementor-1914 .elementor-element.elementor-element-3d6618db span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a2d28e5 */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f002e92 */.elementor-1914 .elementor-element.elementor-element-6f002e92 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5eadf6aa */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-718de83c */.elementor-1914 .elementor-element.elementor-element-718de83c span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6139dd1a */.step3{
    background: #EBEBEB !important;
        border-radius: 0px 10px 10px 0px !important;

}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48158607 */.elementor-1914 .elementor-element.elementor-element-48158607 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ecc505b */.step2{
    background: #EBEBEB !important;
    border-radius: 10px 0px 0px 10px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5ffaf0b9 */.elementor-1914 .elementor-element.elementor-element-5ffaf0b9 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-51a604a4 */.step1{
    background: #EBEBEB !important;
    border-radius: 0px 0px 0px 0px !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d6618db */.elementor-1914 .elementor-element.elementor-element-3d6618db span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a2d28e5 */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f002e92 */.elementor-1914 .elementor-element.elementor-element-6f002e92 span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5eadf6aa */.step1{
    background: #EBEBEB !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-718de83c */.elementor-1914 .elementor-element.elementor-element-718de83c span.elementor-icon {
    border: 10px solid #EBEBEB;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6139dd1a */.step3{
    background: #EBEBEB !important;
        border-radius: 0px 10px 10px 0px !important;

}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10d35e24 *//* Remove border from last accordion header */
.elementor-1914 .elementor-element.elementor-element-10d35e24 .e-n-accordion-item:last-of-type > summary {
    border-bottom: none !important;
}/* End custom CSS */