.elementor-2397 .elementor-element.elementor-element-1559f3f{--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;--align-items:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--overlay-opacity:0.7;--padding-top:200px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-2397 .elementor-element.elementor-element-1559f3f::before, .elementor-2397 .elementor-element.elementor-element-1559f3f > .elementor-background-video-container::before, .elementor-2397 .elementor-element.elementor-element-1559f3f > .e-con-inner > .elementor-background-video-container::before, .elementor-2397 .elementor-element.elementor-element-1559f3f > .elementor-background-slideshow::before, .elementor-2397 .elementor-element.elementor-element-1559f3f > .e-con-inner > .elementor-background-slideshow::before, .elementor-2397 .elementor-element.elementor-element-1559f3f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2397 .elementor-element.elementor-element-fab7d5e{--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-2397 .elementor-element.elementor-element-d6658d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-2397 .elementor-element.elementor-element-de3dc52{--display:flex;}.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-2397 .elementor-element.elementor-element-dbe2351{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:left;}.elementor-2397 .elementor-element.elementor-element-dbe2351 .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-theme-post-content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2397 .elementor-element.elementor-element-86eacd5{--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;}.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-2397 .elementor-element.elementor-element-1e63494 .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-2397 .elementor-element.elementor-element-1e63494 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2397 .elementor-element.elementor-element-1e63494 .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-2397 .elementor-element.elementor-element-5076333 .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-2397 .elementor-element.elementor-element-5076333 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2397 .elementor-element.elementor-element-5076333 .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-2397 .elementor-element.elementor-element-f59f163{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2397 .elementor-element.elementor-element-f59f163:not(.elementor-motion-effects-element-type-background), .elementor-2397 .elementor-element.elementor-element-f59f163 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF1A;}.elementor-2397 .elementor-element.elementor-element-b31c1cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-2397 .elementor-element.elementor-element-b31c1cc .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:20px;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-20px;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-group > label, .elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-subgroup label{color:#FFFFFF;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-type-html{padding-bottom:0px;color:#000000;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-group .elementor-field, .elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-subgroup label{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-width:0px 0px 2px 0px;border-radius:0px 0px 0px 0px;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-width:0px 0px 2px 0px;border-radius:0px 0px 0px 0px;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-button{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:500;border-radius:30px 30px 30px 30px;padding:17px 34px 17px 34px;}.elementor-2397 .elementor-element.elementor-element-54f6cca .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2397 .elementor-element.elementor-element-54f6cca .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-54f6cca .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2397 .elementor-element.elementor-element-54f6cca .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-54f6cca{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2397 .elementor-element.elementor-element-092505d{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2397 .elementor-element.elementor-element-61c3541 .elementor-icon-box-wrapper{text-align:center;}.elementor-2397 .elementor-element.elementor-element-61c3541{--icon-box-icon-margin:20px;}.elementor-2397 .elementor-element.elementor-element-61c3541.elementor-view-stacked .elementor-icon{background-color:#FCB712;fill:#000000;color:#000000;}.elementor-2397 .elementor-element.elementor-element-61c3541.elementor-view-framed .elementor-icon, .elementor-2397 .elementor-element.elementor-element-61c3541.elementor-view-default .elementor-icon{fill:#FCB712;color:#FCB712;border-color:#FCB712;}.elementor-2397 .elementor-element.elementor-element-61c3541.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-2397 .elementor-element.elementor-element-61c3541 .elementor-icon{font-size:25px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-2397 .elementor-element.elementor-element-61c3541 .elementor-icon-box-title, .elementor-2397 .elementor-element.elementor-element-61c3541 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-2397 .elementor-element.elementor-element-61c3541 .elementor-icon-box-description{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;line-height:1.5em;}.elementor-2397 .elementor-element.elementor-element-8678d17 .elementor-icon-box-wrapper{text-align:center;}.elementor-2397 .elementor-element.elementor-element-8678d17{--icon-box-icon-margin:20px;}.elementor-2397 .elementor-element.elementor-element-8678d17.elementor-view-stacked .elementor-icon{background-color:#FCB712;fill:#000000;color:#000000;}.elementor-2397 .elementor-element.elementor-element-8678d17.elementor-view-framed .elementor-icon, .elementor-2397 .elementor-element.elementor-element-8678d17.elementor-view-default .elementor-icon{fill:#FCB712;color:#FCB712;border-color:#FCB712;}.elementor-2397 .elementor-element.elementor-element-8678d17.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-2397 .elementor-element.elementor-element-8678d17 .elementor-icon{font-size:25px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-2397 .elementor-element.elementor-element-8678d17 .elementor-icon-box-title, .elementor-2397 .elementor-element.elementor-element-8678d17 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-2397 .elementor-element.elementor-element-8678d17 .elementor-icon-box-description{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;line-height:1.5em;}.elementor-2397 .elementor-element.elementor-element-d1eadc5 .elementor-icon-box-wrapper{text-align:center;}.elementor-2397 .elementor-element.elementor-element-d1eadc5{--icon-box-icon-margin:20px;}.elementor-2397 .elementor-element.elementor-element-d1eadc5.elementor-view-stacked .elementor-icon{background-color:#FCB712;fill:#000000;color:#000000;}.elementor-2397 .elementor-element.elementor-element-d1eadc5.elementor-view-framed .elementor-icon, .elementor-2397 .elementor-element.elementor-element-d1eadc5.elementor-view-default .elementor-icon{fill:#FCB712;color:#FCB712;border-color:#FCB712;}.elementor-2397 .elementor-element.elementor-element-d1eadc5.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-2397 .elementor-element.elementor-element-d1eadc5 .elementor-icon{font-size:25px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-2397 .elementor-element.elementor-element-d1eadc5 .elementor-icon-box-title, .elementor-2397 .elementor-element.elementor-element-d1eadc5 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-2397 .elementor-element.elementor-element-d1eadc5 .elementor-icon-box-description{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;line-height:1.5em;}.elementor-2397 .elementor-element.elementor-element-32b22e8 .elementor-icon-box-wrapper{text-align:center;}.elementor-2397 .elementor-element.elementor-element-32b22e8{--icon-box-icon-margin:20px;}.elementor-2397 .elementor-element.elementor-element-32b22e8.elementor-view-stacked .elementor-icon{background-color:#FCB712;fill:#000000;color:#000000;}.elementor-2397 .elementor-element.elementor-element-32b22e8.elementor-view-framed .elementor-icon, .elementor-2397 .elementor-element.elementor-element-32b22e8.elementor-view-default .elementor-icon{fill:#FCB712;color:#FCB712;border-color:#FCB712;}.elementor-2397 .elementor-element.elementor-element-32b22e8.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-2397 .elementor-element.elementor-element-32b22e8 .elementor-icon{font-size:25px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-2397 .elementor-element.elementor-element-32b22e8 .elementor-icon-box-title, .elementor-2397 .elementor-element.elementor-element-32b22e8 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-2397 .elementor-element.elementor-element-32b22e8 .elementor-icon-box-description{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;line-height:1.5em;}.elementor-2397 .elementor-element.elementor-element-e972d95{--display:flex;--overflow:hidden;--overlay-opacity:1;--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-2397 .elementor-element.elementor-element-e972d95:not(.elementor-motion-effects-element-type-background), .elementor-2397 .elementor-element.elementor-element-e972d95 > .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-2397 .elementor-element.elementor-element-e972d95::before, .elementor-2397 .elementor-element.elementor-element-e972d95 > .elementor-background-video-container::before, .elementor-2397 .elementor-element.elementor-element-e972d95 > .e-con-inner > .elementor-background-video-container::before, .elementor-2397 .elementor-element.elementor-element-e972d95 > .elementor-background-slideshow::before, .elementor-2397 .elementor-element.elementor-element-e972d95 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2397 .elementor-element.elementor-element-e972d95 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000C4 0%, #000000 100%);}.elementor-2397 .elementor-element.elementor-element-97e0e48{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-2397 .elementor-element.elementor-element-97e0e48 .elementor-heading-title{font-family:"Wix madefor Display", Sans-serif;font-size:50px;font-weight:700;line-height:1.2em;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-2397 .elementor-element.elementor-element-09b2bee{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-2397 .elementor-element.elementor-element-09b2bee.elementor-element{--align-self:center;}.elementor-2397 .elementor-element.elementor-element-09b2bee p{margin-block-end:0px;}.elementor-2397 .elementor-element.elementor-element-9ac190f{--swiper-slides-to-display:3;--swiper-slides-gap:30px;}.elementor-2397 .elementor-element.elementor-element-9ac190f .swiper-slide > .elementor-element{height:100%;}.elementor-2397 .elementor-element.elementor-element-4c0126c{--display:flex;--overflow:hidden;--overlay-opacity:1;--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-2397 .elementor-element.elementor-element-4c0126c:not(.elementor-motion-effects-element-type-background), .elementor-2397 .elementor-element.elementor-element-4c0126c > .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-2397 .elementor-element.elementor-element-4c0126c::before, .elementor-2397 .elementor-element.elementor-element-4c0126c > .elementor-background-video-container::before, .elementor-2397 .elementor-element.elementor-element-4c0126c > .e-con-inner > .elementor-background-video-container::before, .elementor-2397 .elementor-element.elementor-element-4c0126c > .elementor-background-slideshow::before, .elementor-2397 .elementor-element.elementor-element-4c0126c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2397 .elementor-element.elementor-element-4c0126c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000C4 0%, #000000 100%);}.elementor-2397 .elementor-element.elementor-element-05ef35b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-2397 .elementor-element.elementor-element-05ef35b .elementor-heading-title{font-family:"Wix madefor Display", Sans-serif;font-size:50px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-2397 .elementor-element.elementor-element-5fd5642{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-2397 .elementor-element.elementor-element-5fd5642.elementor-element{--align-self:center;}.elementor-2397 .elementor-element.elementor-element-5fd5642 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-2397 .elementor-element.elementor-element-4ded73f{--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-2397 .elementor-element.elementor-element-51734c8{--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-2397 .elementor-element.elementor-element-177086d{--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-2397 .elementor-element.elementor-element-7dcc714{--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-2397 .elementor-element.elementor-element-80afb4e{--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-2397 .elementor-element.elementor-element-2dc31b8{--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-2397 .elementor-element.elementor-element-ee9ab16{--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-2397 .elementor-element.elementor-element-ee9ab16 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#414141;}.elementor-2397 .elementor-element.elementor-element-ee9ab16.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-2397 .elementor-element.elementor-element-ee9ab16.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2397 .elementor-element.elementor-element-ee9ab16.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-2397 .elementor-element.elementor-element-ee9ab16.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-2397 .elementor-element.elementor-element-ee9ab16 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}:where( .elementor-2397 .elementor-element.elementor-element-ee9ab16.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-2397 .elementor-element.elementor-element-cab9b0b{--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-2397 .elementor-element.elementor-element-c544237{--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-2397 .elementor-element.elementor-element-1825229{--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-2397 .elementor-element.elementor-element-6f64487{--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-2397 .elementor-element.elementor-element-1559f3f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:160px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-2397 .elementor-element.elementor-element-d6658d7{--justify-content:center;}.elementor-2397 .elementor-element.elementor-element-dbe2351{text-align:center;}.elementor-2397 .elementor-element.elementor-element-dbe2351 .elementor-heading-title{font-size:55px;}.elementor-2397 .elementor-element.elementor-element-f59f163.e-con{--align-self:center;}.elementor-2397 .elementor-element.elementor-element-092505d{--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-e972d95{--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-2397 .elementor-element.elementor-element-9ac190f{--swiper-slides-to-display:2;}.elementor-2397 .elementor-element.elementor-element-4c0126c{--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-2397 .elementor-element.elementor-element-4ded73f{--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-2397 .elementor-element.elementor-element-51734c8{--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-177086d{--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-7dcc714{--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-80afb4e{--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-2dc31b8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2397 .elementor-element.elementor-element-1559f3f{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:120px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-2397 .elementor-element.elementor-element-d6658d7{--width:100%;--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;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-2397 .elementor-element.elementor-element-dbe2351 .elementor-heading-title{font-size:45px;}.elementor-2397 .elementor-element.elementor-element-5076333 .elementor-button{border-width:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2397 .elementor-element.elementor-element-f59f163{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-2397 .elementor-element.elementor-element-b31c1cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-2397 .elementor-element.elementor-element-b31c1cc .elementor-heading-title{font-size:30px;}.elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-group .elementor-field, .elementor-2397 .elementor-element.elementor-element-54f6cca .elementor-field-subgroup label{font-size:15px;}.elementor-2397 .elementor-element.elementor-element-092505d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-e972d95{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-2397 .elementor-element.elementor-element-97e0e48{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-2397 .elementor-element.elementor-element-97e0e48 .elementor-heading-title{font-size:32px;}.elementor-2397 .elementor-element.elementor-element-09b2bee{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-2397 .elementor-element.elementor-element-9ac190f{--swiper-slides-to-display:1;}.elementor-2397 .elementor-element.elementor-element-4c0126c{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-2397 .elementor-element.elementor-element-05ef35b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-2397 .elementor-element.elementor-element-05ef35b .elementor-heading-title{font-size:32px;}.elementor-2397 .elementor-element.elementor-element-5fd5642{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-2397 .elementor-element.elementor-element-4ded73f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-51734c8{--e-con-grid-template-columns:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-177086d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-7dcc714{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-80afb4e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2397 .elementor-element.elementor-element-2dc31b8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-2397 .elementor-element.elementor-element-fab7d5e{--width:70%;}.elementor-2397 .elementor-element.elementor-element-f59f163{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2397 .elementor-element.elementor-element-fab7d5e{--width:100%;}.elementor-2397 .elementor-element.elementor-element-f59f163{--width:70%;}.elementor-2397 .elementor-element.elementor-element-4ded73f{--width:60%;}}/* Start custom CSS for heading, class: .elementor-element-dbe2351 */.elementor-2397 .elementor-element.elementor-element-dbe2351 span {
    color: #F2295B;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1e63494 */.elementor-2397 .elementor-element.elementor-element-1e63494 svg {
    fill: white !important;
    stroke: white !important; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5076333 */.elementor-2397 .elementor-element.elementor-element-5076333 svg {
    fill: white !important;
    stroke: white !important; 
}

@media (max-width: 576px) {
    .elementor-2397 .elementor-element.elementor-element-5076333 span {
        gap: 0 !important;
    }
    .elementor-2397 .elementor-element.elementor-element-5076333 svg {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b31c1cc */.elementor-2397 .elementor-element.elementor-element-b31c1cc span {
    color: #F2295B;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-54f6cca */.elementor-2397 .elementor-element.elementor-element-54f6cca input,
.elementor-2397 .elementor-element.elementor-element-54f6cca select,
.elementor-2397 .elementor-element.elementor-element-54f6cca textarea {
    padding-inline: 0;
    resize: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f59f163 */.elementor-2397 .elementor-element.elementor-element-f59f163 {
    backdrop-filter: blur(12px);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-97e0e48 */.elementor-2397 .elementor-element.elementor-element-97e0e48 span {
    color: #F2295B;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-05ef35b */.elementor-2397 .elementor-element.elementor-element-05ef35b span {
    color: #F2295B;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff3480b *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-ff3480b:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ded73f *//* 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-e1a5636 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-e1a5636:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51734c8 *//* 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-8e8a9cf *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-8e8a9cf:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-177086d *//* 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-29888dd *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-29888dd:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dcc714 *//* 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-b52afa2 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-b52afa2:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80afb4e *//* 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-0453583 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-0453583:hover {
  transform: translateY(-10px) scale(1.02);

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2dc31b8 *//* 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-ff3480b *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-ff3480b:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ded73f *//* 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-e1a5636 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-e1a5636:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51734c8 *//* 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-8e8a9cf *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-8e8a9cf:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-177086d *//* 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-29888dd *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-29888dd:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dcc714 *//* 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-b52afa2 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-b52afa2:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80afb4e *//* 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-0453583 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-0453583:hover {
  transform: translateY(-10px) scale(1.02);

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2dc31b8 *//* 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-ff3480b *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-ff3480b:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ded73f *//* 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-e1a5636 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-e1a5636:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51734c8 *//* 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-8e8a9cf *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-8e8a9cf:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-177086d *//* 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-29888dd *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-29888dd:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dcc714 *//* 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-b52afa2 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-b52afa2:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80afb4e *//* 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-0453583 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-0453583:hover {
  transform: translateY(-10px) scale(1.02);

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2dc31b8 *//* 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-ff3480b *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-ff3480b:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ded73f *//* 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-e1a5636 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-e1a5636:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51734c8 *//* 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-8e8a9cf *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-8e8a9cf:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-177086d *//* 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-29888dd *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-29888dd:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dcc714 *//* 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-b52afa2 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-b52afa2:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80afb4e *//* 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-0453583 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-0453583:hover {
  transform: translateY(-10px) scale(1.02);

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2dc31b8 *//* 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-ff3480b *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-ff3480b:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ded73f *//* 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-e1a5636 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-e1a5636:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51734c8 *//* 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-8e8a9cf *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-8e8a9cf:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-177086d *//* 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-29888dd *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-29888dd:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dcc714 *//* 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-b52afa2 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-b52afa2:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80afb4e *//* 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-0453583 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-0453583:hover {
  transform: translateY(-10px) scale(1.02);

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2dc31b8 *//* 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-ff3480b *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-ff3480b:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ded73f *//* 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-e1a5636 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-e1a5636:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51734c8 *//* 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-8e8a9cf *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-8e8a9cf:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-177086d *//* 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-29888dd *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-29888dd:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dcc714 *//* 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-b52afa2 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-b52afa2:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80afb4e *//* 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-0453583 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-0453583:hover {
  transform: translateY(-10px) scale(1.02);

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2dc31b8 *//* 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-ff3480b *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-ff3480b:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ded73f *//* 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-e1a5636 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-e1a5636:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51734c8 *//* 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-8e8a9cf *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-8e8a9cf:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-177086d *//* 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-29888dd *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-29888dd:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dcc714 *//* 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-b52afa2 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-b52afa2:hover {
  transform: translateY(-10px) scale(1.02);

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

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

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80afb4e *//* 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-0453583 *//* Hover animation */
.elementor-2397 .elementor-element.elementor-element-0453583:hover {
  transform: translateY(-10px) scale(1.02);

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2dc31b8 *//* 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-ee9ab16 *//* 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 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 */