.elementor-138 .elementor-element.elementor-element-c0cfcea{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:45px;--padding-right:32px;}.elementor-138 .elementor-element.elementor-element-c0cfcea::before, .elementor-138 .elementor-element.elementor-element-c0cfcea > .elementor-background-video-container::before, .elementor-138 .elementor-element.elementor-element-c0cfcea > .e-con-inner > .elementor-background-video-container::before, .elementor-138 .elementor-element.elementor-element-c0cfcea > .elementor-background-slideshow::before, .elementor-138 .elementor-element.elementor-element-c0cfcea > .e-con-inner > .elementor-background-slideshow::before, .elementor-138 .elementor-element.elementor-element-c0cfcea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-widget-heading .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 );color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-f7b4741{width:var( --container-widget-width, 84.447% );max-width:84.447%;--container-widget-width:84.447%;--container-widget-flex-grow:0;}.elementor-138 .elementor-element.elementor-element-f7b4741.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-138 .elementor-element.elementor-element-f7b4741 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:600;line-height:1.2em;color:var( --e-global-color-e27f053 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-c296b46{width:var( --container-widget-width, 78.67% );max-width:78.67%;--container-widget-width:78.67%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-e27f053 );}.elementor-138 .elementor-element.elementor-element-c296b46.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-138 .elementor-element.elementor-element-c296b46 p{margin-block-end:0px;}.elementor-138 .elementor-element.elementor-element-b3f69d7{--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:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-138 .elementor-element.elementor-element-472f105 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-e27f053 );border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-472f105 .elementor-button:hover, .elementor-138 .elementor-element.elementor-element-472f105 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-e27f053 );}.elementor-138 .elementor-element.elementor-element-472f105 .elementor-button:hover svg, .elementor-138 .elementor-element.elementor-element-472f105 .elementor-button:focus svg{fill:var( --e-global-color-e27f053 );}.elementor-138 .elementor-element.elementor-element-1157110 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-e27f053 );color:var( --e-global-color-e27f053 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-e27f053 );border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-1157110 .elementor-button:hover, .elementor-138 .elementor-element.elementor-element-1157110 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-e27f053 );}.elementor-138 .elementor-element.elementor-element-1157110 .elementor-button:hover svg, .elementor-138 .elementor-element.elementor-element-1157110 .elementor-button:focus svg{fill:var( --e-global-color-e27f053 );}.elementor-138 .elementor-element.elementor-element-0dba7f8{--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;--padding-top:128px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-138 .elementor-element.elementor-element-0dba7f8:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-0dba7f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f28e88e );}.elementor-138 .elementor-element.elementor-element-c56cc72{--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-accent );--border-color:var( --e-global-color-accent );--border-radius:10px 10px 10px 10px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-02ba29a{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-138 .elementor-element.elementor-element-02ba29a .elementor-icon-wrapper{text-align:center;}.elementor-138 .elementor-element.elementor-element-02ba29a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-138 .elementor-element.elementor-element-02ba29a.elementor-view-framed .elementor-icon, .elementor-138 .elementor-element.elementor-element-02ba29a.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-138 .elementor-element.elementor-element-02ba29a.elementor-view-framed .elementor-icon, .elementor-138 .elementor-element.elementor-element-02ba29a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-138 .elementor-element.elementor-element-02ba29a .elementor-icon{font-size:30px;}.elementor-138 .elementor-element.elementor-element-02ba29a .elementor-icon svg{height:30px;}.elementor-138 .elementor-element.elementor-element-02ba29a .elementor-icon i, .elementor-138 .elementor-element.elementor-element-02ba29a .elementor-icon svg{transform:rotate(45deg);}.elementor-138 .elementor-element.elementor-element-bfa2227{text-align:center;}.elementor-138 .elementor-element.elementor-element-bfa2227 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:500;}.elementor-138 .elementor-element.elementor-element-7c4f097{text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}.elementor-138 .elementor-element.elementor-element-a21b30c{--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:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-138 .elementor-element.elementor-element-a21b30c:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-a21b30c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f28e88e );}.elementor-138 .elementor-element.elementor-element-d5c4917{text-align:center;}.elementor-138 .elementor-element.elementor-element-d5c4917 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;line-height:1.5em;}.elementor-138 .elementor-element.elementor-element-c1ac577{--swiper-slides-to-display:3;--swiper-slides-gap:10px;padding:0px 15px 0px 15px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-40px;--arrow-prev-top-align:100%;--arrow-prev-translate-y:-100%;--arrow-prev-top-position:60px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:10px;--arrow-next-top-align:100%;--arrow-next-translate-y:-100%;--arrow-next-top-position:60px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-c1ac577 .swiper-slide > .elementor-element{height:100%;}.elementor-138 .elementor-element.elementor-element-8a9eadd{--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;--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-138 .elementor-element.elementor-element-8a9eadd:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-8a9eadd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f28e88e );}.elementor-138 .elementor-element.elementor-element-1e4775a{border-style:none;}.elementor-138 .elementor-element.elementor-element-1e4775a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-2e6784f{--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:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-138 .elementor-element.elementor-element-087be55{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-3e21c33{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-8a4a0f0{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-8a4a0f0 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-8a4a0f0 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-8a4a0f0 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-ff79417{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-df294bf.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-df294bf{border-style:none;}.elementor-138 .elementor-element.elementor-element-df294bf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-a562c2d.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-a562c2d{border-style:none;}.elementor-138 .elementor-element.elementor-element-a562c2d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-c8a71a8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-b023432{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-3bbb468{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-3bbb468 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-3bbb468 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-3bbb468 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-ed4836c{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-ed0aca7.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-ed0aca7{border-style:none;}.elementor-138 .elementor-element.elementor-element-ed0aca7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-10f76a2.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-10f76a2{border-style:none;}.elementor-138 .elementor-element.elementor-element-10f76a2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-cdb4c8b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-f353cdb{--display:flex;--min-height:0px;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-bb90810{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-bb90810 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-bb90810 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-bb90810 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-d993bb2{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-e21d730.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-e21d730{border-style:none;}.elementor-138 .elementor-element.elementor-element-e21d730 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-afa1a72.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-afa1a72{border-style:none;}.elementor-138 .elementor-element.elementor-element-afa1a72 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-339d546{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-e102b89{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-474e652{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-474e652 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-474e652 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-474e652 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-f301c8a{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-f4398e8.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-f4398e8{border-style:none;}.elementor-138 .elementor-element.elementor-element-f4398e8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-ded969b.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-ded969b{border-style:none;}.elementor-138 .elementor-element.elementor-element-ded969b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-62d8a62{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-e11dd4e{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-24bd7d4{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-24bd7d4 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-24bd7d4 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-24bd7d4 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-f756686{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-e90d247.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-e90d247{border-style:none;}.elementor-138 .elementor-element.elementor-element-e90d247 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-e7bdddf.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-e7bdddf{border-style:none;}.elementor-138 .elementor-element.elementor-element-e7bdddf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-b304bcf{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-635f06e{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-d6480e0{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-d6480e0 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-d6480e0 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-d6480e0 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-31aaad0{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-fa3cd83.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-fa3cd83{border-style:none;}.elementor-138 .elementor-element.elementor-element-fa3cd83 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-091e8d8.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-091e8d8{border-style:none;}.elementor-138 .elementor-element.elementor-element-091e8d8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-3572654{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-4481498{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-419d366{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-419d366 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-419d366 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-419d366 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-928eab2{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-49be6d3.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-49be6d3{border-style:none;}.elementor-138 .elementor-element.elementor-element-49be6d3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-0a4acda.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-0a4acda{border-style:none;}.elementor-138 .elementor-element.elementor-element-0a4acda .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-057dcc3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-277aa0c{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-a568330{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-a568330 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-a568330 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-a568330 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-8905b81{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-a7cd8d1.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-a7cd8d1{border-style:none;}.elementor-138 .elementor-element.elementor-element-a7cd8d1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-3fc03a2.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-3fc03a2{border-style:none;}.elementor-138 .elementor-element.elementor-element-3fc03a2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-9e986dc{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-1556bd0{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-a0ba085{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-a0ba085 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-a0ba085 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-a0ba085 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-fa74ea9{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-0aa2eea.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-0aa2eea{border-style:none;}.elementor-138 .elementor-element.elementor-element-0aa2eea .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-eea8103.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-eea8103{border-style:none;}.elementor-138 .elementor-element.elementor-element-eea8103 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-92079f5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-10fa298{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-9528ea2{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-9528ea2 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-9528ea2 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-9528ea2 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-7248f7e{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-aca3009.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-aca3009{border-style:none;}.elementor-138 .elementor-element.elementor-element-aca3009 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-3349e9d.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-3349e9d{border-style:none;}.elementor-138 .elementor-element.elementor-element-3349e9d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-af21691{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-31779d5{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-0169e73{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-0169e73 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-0169e73 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-0169e73 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-1d52c65{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-33e2d05.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-33e2d05{border-style:none;}.elementor-138 .elementor-element.elementor-element-33e2d05 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-3769943.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-3769943{border-style:none;}.elementor-138 .elementor-element.elementor-element-3769943 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-eea0bb2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-92d66ab{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-b857d18{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-b857d18 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-b857d18 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-b857d18 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-8eccc14{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-a47fa92.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-a47fa92{border-style:none;}.elementor-138 .elementor-element.elementor-element-a47fa92 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-468902d.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-468902d{border-style:none;}.elementor-138 .elementor-element.elementor-element-468902d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-81f44c9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-60444e2{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-70b79f2{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-70b79f2 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-70b79f2 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-70b79f2 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-5521148{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-7caf46b.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-7caf46b{border-style:none;}.elementor-138 .elementor-element.elementor-element-7caf46b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-1da7c46.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-1da7c46{border-style:none;}.elementor-138 .elementor-element.elementor-element-1da7c46 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-96aef0b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-11eea45{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-72599ef{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-72599ef .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-72599ef .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-72599ef .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-52d29d6{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-34f52e2.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-34f52e2{border-style:none;}.elementor-138 .elementor-element.elementor-element-34f52e2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-ef21a71.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-ef21a71{border-style:none;}.elementor-138 .elementor-element.elementor-element-ef21a71 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-6ed184c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-7246507{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-ac39976{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-ac39976 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-ac39976 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-ac39976 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-e882286{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-ef2a8f5.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-ef2a8f5{border-style:none;}.elementor-138 .elementor-element.elementor-element-ef2a8f5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-1df6d23.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-1df6d23{border-style:none;}.elementor-138 .elementor-element.elementor-element-1df6d23 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-70f77a6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-8d19726{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-282349a{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-282349a .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-282349a .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-282349a .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-470bc9c{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-bad1eba.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-bad1eba{border-style:none;}.elementor-138 .elementor-element.elementor-element-bad1eba .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-f807360.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-f807360{border-style:none;}.elementor-138 .elementor-element.elementor-element-f807360 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-65d3a47{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-a026309{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-be0a02f{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-be0a02f .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-be0a02f .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-be0a02f .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-d569799{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-31d368b.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-31d368b{border-style:none;}.elementor-138 .elementor-element.elementor-element-31d368b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-c868b05.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-c868b05{border-style:none;}.elementor-138 .elementor-element.elementor-element-c868b05 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-df87cb3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-22c2a05{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-a8da6ea{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-a8da6ea .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-a8da6ea .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-a8da6ea .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-f3163af{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-6fb3d46.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-6fb3d46{border-style:none;}.elementor-138 .elementor-element.elementor-element-6fb3d46 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-ae71326.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-ae71326{border-style:none;}.elementor-138 .elementor-element.elementor-element-ae71326 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-76d1119{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-ea3bc3d{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-baa74e4{border-radius:20px 20px 20px 20px;}.elementor-138 .elementor-element.elementor-element-baa74e4 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-138 .elementor-element.elementor-element-baa74e4 .elementor-custom-embed-play i{font-size:40px;}.elementor-138 .elementor-element.elementor-element-baa74e4 .elementor-custom-embed-play svg{width:40px;height:40px;}.elementor-138 .elementor-element.elementor-element-e13e8f6{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-c578b33.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-c578b33{border-style:none;}.elementor-138 .elementor-element.elementor-element-c578b33 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-10ff9e6.elementor-element{--align-self:flex-start;}.elementor-138 .elementor-element.elementor-element-10ff9e6{border-style:none;}.elementor-138 .elementor-element.elementor-element-10ff9e6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#003E54;}.elementor-138 .elementor-element.elementor-element-8cea5e9{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--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:-35px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:60px;--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:60px;--e-n-carousel-arrow-normal-color:var( --e-global-color-primary );--e-n-carousel-arrow-hover-color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-eabdec9{--display:flex;}.elementor-138 .elementor-element.elementor-element-77d1a3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:064px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-138 .elementor-element.elementor-element-2e38729{background-color:var( --e-global-color-e27f053 );padding:5px 5px 5px 5px;border-style:solid;border-width:0px 0px 0px 4px;text-align:center;}.elementor-138 .elementor-element.elementor-element-2e38729.elementor-element{--align-self:center;}.elementor-138 .elementor-element.elementor-element-2e38729 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-138 .elementor-element.elementor-element-fc4a769{text-align:center;}.elementor-138 .elementor-element.elementor-element-fc4a769 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:34px;font-weight:600;}.elementor-138 .elementor-element.elementor-element-5679051{--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:10px;--padding-left:10px;--padding-right:10px;}.elementor-138 .elementor-element.elementor-element-5679051.e-con{--align-self:center;}.elementor-138 .elementor-element.elementor-element-ba64600{--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-138 .elementor-element.elementor-element-ba64600:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-ba64600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e27f053 );}.elementor-138 .elementor-element.elementor-element-0ea68b2{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-5352c9c .elementor-icon-wrapper{text-align:center;}.elementor-138 .elementor-element.elementor-element-5352c9c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-5352c9c.elementor-view-framed .elementor-icon, .elementor-138 .elementor-element.elementor-element-5352c9c.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-5352c9c.elementor-view-framed .elementor-icon, .elementor-138 .elementor-element.elementor-element-5352c9c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-b3f54fb{text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-b3f54fb p{margin-block-end:0px;}.elementor-138 .elementor-element.elementor-element-17d3493 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;fill:var( --e-global-color-e27f053 );color:var( --e-global-color-e27f053 );padding:15px 15px 15px 15px;}.elementor-138 .elementor-element.elementor-element-17d3493 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-138 .elementor-element.elementor-element-003d782{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-003d782:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-003d782 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e27f053 );}.elementor-138 .elementor-element.elementor-element-e53256f{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-9b7526f .elementor-icon-wrapper{text-align:center;}.elementor-138 .elementor-element.elementor-element-9b7526f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-9b7526f.elementor-view-framed .elementor-icon, .elementor-138 .elementor-element.elementor-element-9b7526f.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-9b7526f.elementor-view-framed .elementor-icon, .elementor-138 .elementor-element.elementor-element-9b7526f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-8b5809e{text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-8b5809e p{margin-block-end:0px;}.elementor-138 .elementor-element.elementor-element-76c912c .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;fill:var( --e-global-color-e27f053 );color:var( --e-global-color-e27f053 );padding:15px 15px 15px 15px;}.elementor-138 .elementor-element.elementor-element-76c912c .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-138 .elementor-element.elementor-element-b409263{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-b409263:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-b409263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e27f053 );}.elementor-138 .elementor-element.elementor-element-1e491ab{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-9924126 .elementor-icon-wrapper{text-align:center;}.elementor-138 .elementor-element.elementor-element-9924126.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-9924126.elementor-view-framed .elementor-icon, .elementor-138 .elementor-element.elementor-element-9924126.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-9924126.elementor-view-framed .elementor-icon, .elementor-138 .elementor-element.elementor-element-9924126.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-af12d05{text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-af12d05 p{margin-block-end:0px;}.elementor-138 .elementor-element.elementor-element-0caa227 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;fill:var( --e-global-color-e27f053 );color:var( --e-global-color-e27f053 );padding:15px 15px 15px 15px;}.elementor-138 .elementor-element.elementor-element-0caa227 .elementor-button .elementor-button-content-wrapper{justify-content:center;}@media(min-width:768px){.elementor-138 .elementor-element.elementor-element-c56cc72{--width:70%;}.elementor-138 .elementor-element.elementor-element-3e21c33{--width:60%;}.elementor-138 .elementor-element.elementor-element-ff79417{--width:40%;}.elementor-138 .elementor-element.elementor-element-b023432{--width:60%;}.elementor-138 .elementor-element.elementor-element-ed4836c{--width:40%;}.elementor-138 .elementor-element.elementor-element-f353cdb{--width:60%;}.elementor-138 .elementor-element.elementor-element-d993bb2{--width:40%;}.elementor-138 .elementor-element.elementor-element-e102b89{--width:60%;}.elementor-138 .elementor-element.elementor-element-f301c8a{--width:40%;}.elementor-138 .elementor-element.elementor-element-e11dd4e{--width:60%;}.elementor-138 .elementor-element.elementor-element-f756686{--width:40%;}.elementor-138 .elementor-element.elementor-element-635f06e{--width:60%;}.elementor-138 .elementor-element.elementor-element-31aaad0{--width:40%;}.elementor-138 .elementor-element.elementor-element-4481498{--width:60%;}.elementor-138 .elementor-element.elementor-element-928eab2{--width:40%;}.elementor-138 .elementor-element.elementor-element-277aa0c{--width:60%;}.elementor-138 .elementor-element.elementor-element-8905b81{--width:40%;}.elementor-138 .elementor-element.elementor-element-1556bd0{--width:60%;}.elementor-138 .elementor-element.elementor-element-fa74ea9{--width:40%;}.elementor-138 .elementor-element.elementor-element-10fa298{--width:60%;}.elementor-138 .elementor-element.elementor-element-7248f7e{--width:40%;}.elementor-138 .elementor-element.elementor-element-31779d5{--width:60%;}.elementor-138 .elementor-element.elementor-element-1d52c65{--width:40%;}.elementor-138 .elementor-element.elementor-element-92d66ab{--width:60%;}.elementor-138 .elementor-element.elementor-element-8eccc14{--width:40%;}.elementor-138 .elementor-element.elementor-element-60444e2{--width:60%;}.elementor-138 .elementor-element.elementor-element-5521148{--width:40%;}.elementor-138 .elementor-element.elementor-element-11eea45{--width:60%;}.elementor-138 .elementor-element.elementor-element-52d29d6{--width:40%;}.elementor-138 .elementor-element.elementor-element-7246507{--width:60%;}.elementor-138 .elementor-element.elementor-element-e882286{--width:40%;}.elementor-138 .elementor-element.elementor-element-8d19726{--width:60%;}.elementor-138 .elementor-element.elementor-element-470bc9c{--width:40%;}.elementor-138 .elementor-element.elementor-element-a026309{--width:60%;}.elementor-138 .elementor-element.elementor-element-d569799{--width:40%;}.elementor-138 .elementor-element.elementor-element-22c2a05{--width:60%;}.elementor-138 .elementor-element.elementor-element-f3163af{--width:40%;}.elementor-138 .elementor-element.elementor-element-ea3bc3d{--width:60%;}.elementor-138 .elementor-element.elementor-element-e13e8f6{--width:40%;}.elementor-138 .elementor-element.elementor-element-5679051{--width:80%;}.elementor-138 .elementor-element.elementor-element-ba64600{--width:32%;}.elementor-138 .elementor-element.elementor-element-003d782{--width:32%;}.elementor-138 .elementor-element.elementor-element-b409263{--width:32%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-138 .elementor-element.elementor-element-c1ac577{--swiper-slides-to-display:2;}.elementor-138 .elementor-element.elementor-element-8cea5e9{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-138 .elementor-element.elementor-element-c0cfcea{--min-height:40vh;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-138 .elementor-element.elementor-element-f7b4741{width:var( --container-widget-width, 303.031px );max-width:303.031px;--container-widget-width:303.031px;--container-widget-flex-grow:0;}.elementor-138 .elementor-element.elementor-element-f7b4741 .elementor-heading-title{font-size:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-138 .elementor-element.elementor-element-c296b46{width:100%;max-width:100%;font-size:14px;}.elementor-138 .elementor-element.elementor-element-0dba7f8{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-a21b30c{--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-d5c4917 .elementor-heading-title{font-size:28px;}.elementor-138 .elementor-element.elementor-element-c1ac577{--swiper-slides-to-display:1;padding:0px 0px 0px 0px;}.elementor-138 .elementor-element.elementor-element-8a9eadd{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-1e4775a{text-align:center;}.elementor-138 .elementor-element.elementor-element-1e4775a .elementor-heading-title{font-size:28px;}.elementor-138 .elementor-element.elementor-element-2e6784f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-8cea5e9{--e-n-carousel-swiper-slides-to-display:1;}.elementor-138 .elementor-element.elementor-element-eabdec9{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-77d1a3b{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-5679051{--padding-top:30px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a71a8 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdb4c8b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339d546 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62d8a62 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b304bcf */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3572654 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-057dcc3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e986dc */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92079f5 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af21691 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea0bb2 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f44c9 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96aef0b */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ed184c */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70f77a6 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65d3a47 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df87cb3 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d1119 */.hover-container .hidden-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.3s ease;
}

.hover-container:hover .hidden-text {
    opacity: 1;
    visibility: visible;
}

/* --- Default State: Button Text Hidden, Icon Visible --- */

/* Target the text inside the button */
.hover-container .expand-button .elementor-button-text {
    display: none;
}

/* Target the icon inside the button */
.hover-container .expand-button .elementor-button-icon {
    display: inline-block;
}

/* --- Hover State: Button Text Visible, Icon Hidden --- */

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-text {
    display: inline-block;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-in */
}

/* When the parent container is hovered */
.hover-container:hover .expand-button .elementor-button-icon {
    display: none;
    transition: opacity 0.3s ease; /* Add transition for smooth fade-out */
}

/* Optional: Add a transition for the button's padding to create an expansion effect */
.hover-container .expand-button {
    transition: padding 0.3s ease;
}

.hover-container:hover .expand-button {
    padding-left: 20px; /* Adjust as needed */
}

/* Using the widget's unique ID to ensure high specificity */
/* Replace 'my-hover-icon' with the actual ID you used */
#my-hover-icon svg {
    transition: color 0.3s ease;
}

#my-hover-icon:hover svg {
    color: #ffffff;
}

/* Fallback for cases where a parent hover state is needed */
.hover-container:hover svg .elementor-icon {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e6784f */.elementor-custom-embed-play {
    top: 85%;        /* distance from top */
    right: 85%;      /* distance from right */
    left: auto;       /* override default left positioning */
    bottom: auto;     /* override default bottom if needed */
    transform: none;  /* remove centering transform */
}/* End custom CSS */