.elementor-3051 .elementor-element.elementor-element-1465590{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:200px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-3051 .elementor-element.elementor-element-1465590:not(.elementor-motion-effects-element-type-background), .elementor-3051 .elementor-element.elementor-element-1465590 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3051 .elementor-element.elementor-element-1465590::before, .elementor-3051 .elementor-element.elementor-element-1465590 > .elementor-background-video-container::before, .elementor-3051 .elementor-element.elementor-element-1465590 > .e-con-inner > .elementor-background-video-container::before, .elementor-3051 .elementor-element.elementor-element-1465590 > .elementor-background-slideshow::before, .elementor-3051 .elementor-element.elementor-element-1465590 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3051 .elementor-element.elementor-element-1465590 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3051 .elementor-element.elementor-element-e4ab0cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-3051 .elementor-element.elementor-element-e4ab0cf .elementor-heading-title{font-family:"Wix madefor Display", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;line-height:1.5em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3051 .elementor-element.elementor-element-07cbc9e{width:var( --container-widget-width, 700px );max-width:700px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;font-family:"Wix madefor Display", Sans-serif;font-size:16px;line-height:1.65em;color:#FFFFFFCC;}.elementor-3051 .elementor-element.elementor-element-07cbc9e.elementor-element{--align-self:center;}.elementor-3051 .elementor-element.elementor-element-07cbc9e p{margin-block-end:0px;}.elementor-3051 .elementor-element.elementor-element-5f45317{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3051 .elementor-element.elementor-element-3f1da2c .elementor-button{background-color:var( --e-global-color-primary );font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-3051 .elementor-element.elementor-element-3f1da2c .elementor-button:hover, .elementor-3051 .elementor-element.elementor-element-3f1da2c .elementor-button:focus{background-color:#F1F1F100;border-color:#FFFFFF;}.elementor-3051 .elementor-element.elementor-element-3f1da2c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3051 .elementor-element.elementor-element-3f1da2c .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-3051 .elementor-element.elementor-element-f6cd812 .elementor-button{background-color:#CD004D00;font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-3051 .elementor-element.elementor-element-f6cd812 .elementor-button:hover, .elementor-3051 .elementor-element.elementor-element-f6cd812 .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3051 .elementor-element.elementor-element-f6cd812 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3051 .elementor-element.elementor-element-f6cd812 .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-3051 .elementor-element.elementor-element-c222562{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3051 .elementor-element.elementor-element-5f77752{--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:center;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3051 .elementor-element.elementor-element-32c7e6d img{border-radius:16px 16px 16px 16px;}.elementor-3051 .elementor-element.elementor-element-d87b448{--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:center;}.elementor-3051 .elementor-element.elementor-element-77d6a79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:start;}.elementor-3051 .elementor-element.elementor-element-77d6a79 .elementor-heading-title{font-family:"Wix madefor Display", Sans-serif;font-size:35px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-3051 .elementor-element.elementor-element-841459c{padding:0px 50px 0px 0px;font-family:"Wix Madefor Display", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-3051 .elementor-element.elementor-element-1501c39{--display:flex;--overflow:hidden;--overlay-opacity:1;--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-3051 .elementor-element.elementor-element-1501c39:not(.elementor-motion-effects-element-type-background), .elementor-3051 .elementor-element.elementor-element-1501c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://designechoes.com/wp-content/uploads/2025/09/pink-scaled.jpg");background-position:center center;background-size:cover;}.elementor-3051 .elementor-element.elementor-element-1501c39::before, .elementor-3051 .elementor-element.elementor-element-1501c39 > .elementor-background-video-container::before, .elementor-3051 .elementor-element.elementor-element-1501c39 > .e-con-inner > .elementor-background-video-container::before, .elementor-3051 .elementor-element.elementor-element-1501c39 > .elementor-background-slideshow::before, .elementor-3051 .elementor-element.elementor-element-1501c39 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3051 .elementor-element.elementor-element-1501c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000C4 0%, #000000 100%);}.elementor-3051 .elementor-element.elementor-element-3ae3a05{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-3051 .elementor-element.elementor-element-3ae3a05 .elementor-heading-title{font-family:"Wix madefor Display", Sans-serif;font-size:50px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-3051 .elementor-element.elementor-element-d0eb37f{width:var( --container-widget-width, 700px );max-width:700px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;font-family:"Wix madefor Display", Sans-serif;font-size:16px;line-height:1.65em;color:#FFFFFFCC;}.elementor-3051 .elementor-element.elementor-element-d0eb37f.elementor-element{--align-self:center;}.elementor-3051 .elementor-element.elementor-element-d0eb37f p{margin-block-end:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3051 .elementor-element.elementor-element-8534542{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;--justify-items:center;}.elementor-3051 .elementor-element.elementor-element-4d0fe71{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;--justify-items:center;--align-items:start;}.elementor-3051 .elementor-element.elementor-element-12ec7b8{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-9e1010a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-5b56065{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-d1a7d1e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-436ea75{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:20px;--n-tabs-gap:60px;--n-tabs-title-border-radius:30px 30px 30px 30px;--n-tabs-title-padding-top:13px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:13px;--n-tabs-title-padding-left:30px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#000000;}.elementor-3051 .elementor-element.elementor-element-436ea75 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#414141;}.elementor-3051 .elementor-element.elementor-element-436ea75.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-3051 .elementor-element.elementor-element-436ea75.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3051 .elementor-element.elementor-element-436ea75.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-3051 .elementor-element.elementor-element-436ea75.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Wix Madefor Display", Sans-serif;font-weight:500;}.elementor-3051 .elementor-element.elementor-element-436ea75 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}:where( .elementor-3051 .elementor-element.elementor-element-436ea75.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-3051 .elementor-element.elementor-element-d667b89{--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;--overlay-opacity:0.7;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3051 .elementor-element.elementor-element-d667b89:not(.elementor-motion-effects-element-type-background), .elementor-3051 .elementor-element.elementor-element-d667b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://designechoes.com/wp-content/uploads/2025/09/blue-purple-ink-diluting-water-scaled.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-3051 .elementor-element.elementor-element-d667b89::before, .elementor-3051 .elementor-element.elementor-element-d667b89 > .elementor-background-video-container::before, .elementor-3051 .elementor-element.elementor-element-d667b89 > .e-con-inner > .elementor-background-video-container::before, .elementor-3051 .elementor-element.elementor-element-d667b89 > .elementor-background-slideshow::before, .elementor-3051 .elementor-element.elementor-element-d667b89 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3051 .elementor-element.elementor-element-d667b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3051 .elementor-element.elementor-element-a120afa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3051 .elementor-element.elementor-element-68a7923{--display:flex;}.elementor-3051 .elementor-element.elementor-element-c25bbc1{--display:flex;}.elementor-3051 .elementor-element.elementor-element-e91c8e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3051 .elementor-element.elementor-element-e91c8e8 .elementor-heading-title{font-family:"Wix madefor Display", Sans-serif;font-size:50px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-3051 .elementor-element.elementor-element-2cad640{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:start;}.elementor-3051 .elementor-element.elementor-element-2cad640 .elementor-heading-title{font-family:"Wix madefor Display", Sans-serif;font-size:35px;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-3051 .elementor-element.elementor-element-a447c4c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3051 .elementor-element.elementor-element-48ba778{--display:flex;}.elementor-3051 .elementor-element.elementor-element-37779fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-3051 .elementor-element.elementor-element-37779fb .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:25px;font-weight:600;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-3051 .elementor-element.elementor-element-3eb9da8{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-item > a{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-3051 .elementor-element.elementor-element-3eb9da8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-3051 .elementor-element.elementor-element-02605a1{margin:015px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-3051 .elementor-element.elementor-element-02605a1 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:25px;font-weight:600;}.elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-3051 .elementor-element.elementor-element-9717fd5{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-item > a{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-3051 .elementor-element.elementor-element-9717fd5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-3051 .elementor-element.elementor-element-43231da{--display:flex;}.elementor-3051 .elementor-element.elementor-element-af2386f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-3051 .elementor-element.elementor-element-af2386f .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:25px;font-weight:600;}.elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-3051 .elementor-element.elementor-element-262cbd9{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-item > a{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-3051 .elementor-element.elementor-element-262cbd9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-3051 .elementor-element.elementor-element-5f5c0fa{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3051 .elementor-element.elementor-element-770e0a1{width:var( --container-widget-width, 77.638% );max-width:77.638%;--container-widget-width:77.638%;--container-widget-flex-grow:0;}.elementor-3051 .elementor-element.elementor-element-770e0a1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3051 .elementor-element.elementor-element-8ce10a3{--display:flex;--min-height:60vh;--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;--overlay-opacity:0.9;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3051 .elementor-element.elementor-element-8ce10a3:not(.elementor-motion-effects-element-type-background), .elementor-3051 .elementor-element.elementor-element-8ce10a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://designechoes.com/wp-content/uploads/2025/09/pink-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-3051 .elementor-element.elementor-element-8ce10a3::before, .elementor-3051 .elementor-element.elementor-element-8ce10a3 > .elementor-background-video-container::before, .elementor-3051 .elementor-element.elementor-element-8ce10a3 > .e-con-inner > .elementor-background-video-container::before, .elementor-3051 .elementor-element.elementor-element-8ce10a3 > .elementor-background-slideshow::before, .elementor-3051 .elementor-element.elementor-element-8ce10a3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3051 .elementor-element.elementor-element-8ce10a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3051 .elementor-element.elementor-element-9c4c4a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-3051 .elementor-element.elementor-element-9c4c4a9 .elementor-heading-title{font-family:"Wix madefor Display", Sans-serif;font-size:25px;font-weight:500;}.elementor-3051 .elementor-element.elementor-element-a862ce3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-3051 .elementor-element.elementor-element-a862ce3 .elementor-heading-title{font-family:"Wix madefor Display", Sans-serif;font-size:45px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-3051 .elementor-element.elementor-element-f41c143{--display:flex;}.elementor-3051 .elementor-element.elementor-element-dadd2a6{--display:flex;}.elementor-3051 .elementor-element.elementor-element-fadfe73{font-family:"Wix madefor Display", Sans-serif;}.elementor-3051 .elementor-element.elementor-element-a1e3974{--display:flex;}.elementor-3051 .elementor-element.elementor-element-03e400e{font-family:"Wix madefor Display", Sans-serif;}.elementor-3051 .elementor-element.elementor-element-707d8c1{--display:flex;}.elementor-3051 .elementor-element.elementor-element-33f17ce{font-family:"Wix madefor Display", Sans-serif;}.elementor-3051 .elementor-element.elementor-element-680ff32{--display:flex;}.elementor-3051 .elementor-element.elementor-element-4cac135{font-family:"Wix madefor Display", Sans-serif;}.elementor-3051 .elementor-element.elementor-element-da9a0f2{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:16px;}:where( .elementor-3051 .elementor-element.elementor-element-da9a0f2 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Wix madefor Display", Sans-serif;}.elementor-3051 .elementor-element.elementor-element-4b34c05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3051 .elementor-element.elementor-element-320df98{--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;}@media(max-width:1024px){.elementor-3051 .elementor-element.elementor-element-1465590{--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:160px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-3051 .elementor-element.elementor-element-e4ab0cf{text-align:center;}.elementor-3051 .elementor-element.elementor-element-e4ab0cf .elementor-heading-title{font-size:55px;}.elementor-3051 .elementor-element.elementor-element-5f45317{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3051 .elementor-element.elementor-element-1501c39{--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-3051 .elementor-element.elementor-element-8534542{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:auto;--margin-bottom:auto;--margin-left:auto;--margin-right:auto;}.elementor-3051 .elementor-element.elementor-element-4d0fe71{--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-12ec7b8{--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-9e1010a{--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-5b56065{--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-d1a7d1e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3051 .elementor-element.elementor-element-1465590{--padding-top:120px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-3051 .elementor-element.elementor-element-e4ab0cf .elementor-heading-title{font-size:45px;}.elementor-3051 .elementor-element.elementor-element-07cbc9e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:15px;}.elementor-3051 .elementor-element.elementor-element-5f45317{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3051 .elementor-element.elementor-element-f6cd812 .elementor-button{border-width:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3051 .elementor-element.elementor-element-77d6a79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3051 .elementor-element.elementor-element-77d6a79 .elementor-heading-title{font-size:32px;}.elementor-3051 .elementor-element.elementor-element-1501c39{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-3051 .elementor-element.elementor-element-3ae3a05{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3051 .elementor-element.elementor-element-3ae3a05 .elementor-heading-title{font-size:32px;}.elementor-3051 .elementor-element.elementor-element-d0eb37f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:15px;}.elementor-3051 .elementor-element.elementor-element-8534542{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-4d0fe71{--e-con-grid-template-columns:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-12ec7b8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-9e1010a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-5b56065{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-d1a7d1e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3051 .elementor-element.elementor-element-e91c8e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3051 .elementor-element.elementor-element-e91c8e8 .elementor-heading-title{font-size:32px;}.elementor-3051 .elementor-element.elementor-element-2cad640{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3051 .elementor-element.elementor-element-2cad640 .elementor-heading-title{font-size:32px;}.elementor-3051 .elementor-element.elementor-element-9c4c4a9 .elementor-heading-title{font-size:20px;}.elementor-3051 .elementor-element.elementor-element-a862ce3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3051 .elementor-element.elementor-element-a862ce3 .elementor-heading-title{font-size:24px;}.elementor-3051 .elementor-element.elementor-element-fadfe73{font-size:14px;}.elementor-3051 .elementor-element.elementor-element-03e400e{font-size:14px;}.elementor-3051 .elementor-element.elementor-element-33f17ce{font-size:14px;}.elementor-3051 .elementor-element.elementor-element-4cac135{font-size:14px;}.elementor-3051 .elementor-element.elementor-element-da9a0f2{--n-accordion-title-font-size:15px;}}@media(min-width:768px){.elementor-3051 .elementor-element.elementor-element-5f77752{--width:50%;}.elementor-3051 .elementor-element.elementor-element-d87b448{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3051 .elementor-element.elementor-element-8534542{--width:60%;}}/* Start custom CSS for heading, class: .elementor-element-e4ab0cf */.elementor-3051 .elementor-element.elementor-element-e4ab0cf span {
    color: #F2295B;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3f1da2c */.elementor-3051 .elementor-element.elementor-element-3f1da2c svg {
    fill: white !important;
    stroke: white !important; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f6cd812 */.elementor-3051 .elementor-element.elementor-element-f6cd812 svg {
    fill: white !important;
    stroke: white !important; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77d6a79 */.elementor-3051 .elementor-element.elementor-element-77d6a79 span {
    color: #F2295B;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ae3a05 */.elementor-3051 .elementor-element.elementor-element-3ae3a05 span {
    color: #F2295B;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8150ce8 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8150ce8:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ed1be9 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-4ed1be9:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a605aad *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a605aad:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62e0cf1 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-62e0cf1:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8534542 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14ea747 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-14ea747:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-052a7eb *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-052a7eb:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6982ccf *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-6982ccf:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdd613a *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-bdd613a:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d0fe71 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b606043 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b606043:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48eae1d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-48eae1d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b84e128 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b84e128:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c0870 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-70c0870:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ec7b8 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c27772 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-7c27772:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02446dc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-02446dc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c8171e *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8c8171e:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0984c30 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-0984c30:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6203ea *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-d6203ea:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0a890f *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a0a890f:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e1010a *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57a8e95 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-57a8e95:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1d5ff5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a1d5ff5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d4703d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-1d4703d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc648ac *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-dc648ac:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbe8d27 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbe8d27:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b56065 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87ed2f5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-87ed2f5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2afffc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b2afffc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbf3619 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbf3619:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a7d1e *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8150ce8 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8150ce8:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ed1be9 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-4ed1be9:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a605aad *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a605aad:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62e0cf1 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-62e0cf1:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8534542 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14ea747 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-14ea747:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-052a7eb *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-052a7eb:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6982ccf *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-6982ccf:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdd613a *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-bdd613a:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d0fe71 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b606043 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b606043:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48eae1d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-48eae1d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b84e128 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b84e128:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c0870 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-70c0870:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ec7b8 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c27772 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-7c27772:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02446dc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-02446dc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c8171e *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8c8171e:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0984c30 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-0984c30:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6203ea *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-d6203ea:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0a890f *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a0a890f:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e1010a *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57a8e95 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-57a8e95:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1d5ff5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a1d5ff5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d4703d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-1d4703d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc648ac *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-dc648ac:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbe8d27 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbe8d27:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b56065 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87ed2f5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-87ed2f5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2afffc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b2afffc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbf3619 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbf3619:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a7d1e *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8150ce8 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8150ce8:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ed1be9 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-4ed1be9:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a605aad *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a605aad:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62e0cf1 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-62e0cf1:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8534542 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14ea747 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-14ea747:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-052a7eb *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-052a7eb:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6982ccf *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-6982ccf:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdd613a *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-bdd613a:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d0fe71 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b606043 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b606043:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48eae1d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-48eae1d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b84e128 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b84e128:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c0870 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-70c0870:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ec7b8 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c27772 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-7c27772:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02446dc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-02446dc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c8171e *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8c8171e:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0984c30 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-0984c30:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6203ea *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-d6203ea:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0a890f *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a0a890f:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e1010a *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57a8e95 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-57a8e95:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1d5ff5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a1d5ff5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d4703d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-1d4703d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc648ac *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-dc648ac:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbe8d27 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbe8d27:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b56065 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87ed2f5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-87ed2f5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2afffc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b2afffc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbf3619 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbf3619:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a7d1e *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8150ce8 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8150ce8:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ed1be9 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-4ed1be9:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a605aad *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a605aad:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62e0cf1 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-62e0cf1:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8534542 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14ea747 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-14ea747:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-052a7eb *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-052a7eb:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6982ccf *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-6982ccf:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdd613a *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-bdd613a:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d0fe71 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b606043 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b606043:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48eae1d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-48eae1d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b84e128 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b84e128:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c0870 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-70c0870:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ec7b8 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c27772 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-7c27772:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02446dc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-02446dc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c8171e *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8c8171e:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0984c30 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-0984c30:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6203ea *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-d6203ea:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0a890f *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a0a890f:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e1010a *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57a8e95 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-57a8e95:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1d5ff5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a1d5ff5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d4703d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-1d4703d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc648ac *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-dc648ac:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbe8d27 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbe8d27:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b56065 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87ed2f5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-87ed2f5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2afffc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b2afffc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbf3619 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbf3619:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a7d1e *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8150ce8 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8150ce8:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ed1be9 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-4ed1be9:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a605aad *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a605aad:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62e0cf1 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-62e0cf1:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8534542 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14ea747 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-14ea747:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-052a7eb *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-052a7eb:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6982ccf *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-6982ccf:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdd613a *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-bdd613a:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d0fe71 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b606043 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b606043:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48eae1d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-48eae1d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b84e128 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b84e128:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c0870 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-70c0870:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ec7b8 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c27772 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-7c27772:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02446dc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-02446dc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c8171e *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8c8171e:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0984c30 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-0984c30:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6203ea *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-d6203ea:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0a890f *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a0a890f:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e1010a *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57a8e95 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-57a8e95:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1d5ff5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a1d5ff5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d4703d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-1d4703d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc648ac *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-dc648ac:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbe8d27 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbe8d27:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b56065 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87ed2f5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-87ed2f5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2afffc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b2afffc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbf3619 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbf3619:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a7d1e *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8150ce8 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8150ce8:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ed1be9 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-4ed1be9:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a605aad *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a605aad:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62e0cf1 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-62e0cf1:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8534542 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14ea747 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-14ea747:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-052a7eb *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-052a7eb:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6982ccf *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-6982ccf:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdd613a *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-bdd613a:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d0fe71 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b606043 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b606043:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48eae1d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-48eae1d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b84e128 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b84e128:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c0870 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-70c0870:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ec7b8 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c27772 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-7c27772:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02446dc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-02446dc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c8171e *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8c8171e:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0984c30 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-0984c30:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6203ea *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-d6203ea:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0a890f *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a0a890f:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e1010a *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57a8e95 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-57a8e95:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1d5ff5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a1d5ff5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d4703d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-1d4703d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc648ac *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-dc648ac:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbe8d27 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbe8d27:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b56065 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87ed2f5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-87ed2f5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2afffc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b2afffc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbf3619 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbf3619:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a7d1e *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8150ce8 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8150ce8:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ed1be9 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-4ed1be9:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a605aad *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a605aad:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62e0cf1 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-62e0cf1:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8534542 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14ea747 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-14ea747:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-052a7eb *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-052a7eb:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6982ccf *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-6982ccf:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdd613a *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-bdd613a:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d0fe71 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b606043 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b606043:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48eae1d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-48eae1d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b84e128 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b84e128:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c0870 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-70c0870:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ec7b8 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c27772 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-7c27772:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02446dc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-02446dc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c8171e *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-8c8171e:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0984c30 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-0984c30:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6203ea *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-d6203ea:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0a890f *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a0a890f:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e1010a *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57a8e95 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-57a8e95:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1d5ff5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-a1d5ff5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d4703d *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-1d4703d:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc648ac *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-dc648ac:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbe8d27 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbe8d27:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b56065 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87ed2f5 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-87ed2f5:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2afffc *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-b2afffc:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbf3619 *//* Hover animation */
.elementor-3051 .elementor-element.elementor-element-fbf3619:hover {
  transform: translateY(-10px) scale(1.02);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a7d1e *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-436ea75 *//* Grid container: make grid items stretch vertically */
.pricing-grid {
  display: grid !important; /* usually already grid, defensive */
  grid-auto-rows: 1fr;      /* make rows equal height */
  align-items: stretch;
  gap: 24px;                /* adjust gap between cards */
}

/* If you use explicit columns (3 columns example) */
/* .pricing-grid { grid-template-columns: repeat(3, 1fr); } */
/* Let Elementor control columns; above is optional */

/* Ensure each grid child becomes a flex column so inner elements can align */
.pricing-grid .package-card,
.pricing-grid > .elementor-widget-wrap > .package-card,
.pricing-grid .elementor-column .package-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;   /* important so children can overflow properly */
  box-sizing: border-box;
}

/* Make the price table or card container stretch */
.pricing-grid .package-card .elementor-price-table,
.pricing-grid .package-card .elementor-widget-price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* Features list scrollable — prefer package-features class if you've added it */
.pricing-grid .package-card .package-features,
.pricing-grid .package-card .elementor-price-table__features,
.pricing-grid .package-card .elementor-price-table .elementor-price-table__features {
  overflow: auto;
  max-height: 320px;   /* tweak as needed */
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
}

/* Keep CTA/button pinned to bottom of card */
.pricing-grid .package-card .elementor-price-table__button,
.pricing-grid .package-card .elementor-widget-price-table .elementor-price-table__button {
  margin-top: auto;
}

/* Responsive: on smaller screens reduce features height */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* stack on mobile if needed */
  }
  .pricing-grid .package-card .package-features,
  .pricing-grid .package-card .elementor-price-table__features {
    max-height: 180px;
  }
}

/* Defensive: sometimes grid children get auto height; this forces uniform rows */
.pricing-grid > * {
  align-self: stretch;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e91c8e8 */.elementor-3051 .elementor-element.elementor-element-e91c8e8 span {
    color: #F2295B;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2cad640 */.elementor-3051 .elementor-element.elementor-element-2cad640 span {
    color: #F2295B;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a862ce3 */.elementor-3051 .elementor-element.elementor-element-a862ce3 span {
    color: #F2295B;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Wix madefor Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://designechoes.com/wp-content/uploads/2025/10/WixMadeforDisplay-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Wix madefor Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://designechoes.com/wp-content/uploads/2025/10/WixMadeforDisplay-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Wix madefor Display';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://designechoes.com/wp-content/uploads/2025/10/WixMadeforDisplay-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */