.elementor-4971 .elementor-element.elementor-element-85985ac{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4971 .elementor-element.elementor-element-e2b3141{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-e2b3141::before, .elementor-4971 .elementor-element.elementor-element-e2b3141 > .elementor-background-video-container::before, .elementor-4971 .elementor-element.elementor-element-e2b3141 > .e-con-inner > .elementor-background-video-container::before, .elementor-4971 .elementor-element.elementor-element-e2b3141 > .elementor-background-slideshow::before, .elementor-4971 .elementor-element.elementor-element-e2b3141 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4971 .elementor-element.elementor-element-e2b3141 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4971 .elementor-element.elementor-element-e2b3141.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4971 .elementor-element.elementor-element-9200307{--display:flex;--min-height:0px;--margin-top:118px;--margin-bottom:0px;--margin-left:73px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-9200307.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4971 .elementor-element.elementor-element-26b97b6 .elementor-button{background-color:#986BFF;font-family:"Poppins", Sans-serif;font-weight:500;border-radius:28px 28px 28px 28px;}.elementor-4971 .elementor-element.elementor-element-26b97b6 > .elementor-widget-container{padding:0px 0px -1px 0px;}.elementor-4971 .elementor-element.elementor-element-26b97b6 .elementor-button-content-wrapper{flex-direction:row;}.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 );color:var( --e-global-color-primary );}.elementor-4971 .elementor-element.elementor-element-014e42f{width:var( --container-widget-width, 97% );max-width:97%;--container-widget-width:97%;--container-widget-flex-grow:0;}.elementor-4971 .elementor-element.elementor-element-014e42f > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 5px;}.elementor-4971 .elementor-element.elementor-element-014e42f.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-4971 .elementor-element.elementor-element-014e42f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;letter-spacing:-0.6px;color:#05435F;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4971 .elementor-element.elementor-element-d5cee57{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-d5cee57 > .elementor-widget-container{padding:020px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-ff9000c .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;fill:#06C2C3;color:#06C2C3;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:100px 100px 100px 100px;}.elementor-4971 .elementor-element.elementor-element-ff9000c > .elementor-widget-container{margin:0px 0px 0px 10px;border-radius:1000px 1000px 1000px 1000px;}.elementor-4971 .elementor-element.elementor-element-ff9000c{--e-transform-transition-duration:800ms;}.elementor-4971 .elementor-element.elementor-element-aa24e4d{--display:flex;--overflow:hidden;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4971 .elementor-element.elementor-element-aa24e4d:not(.elementor-motion-effects-element-type-background), .elementor-4971 .elementor-element.elementor-element-aa24e4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF66;}.elementor-4971 .elementor-element.elementor-element-942d931 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-weight:500;background-image:linear-gradient(104deg, #986BFF 0%, #B299EC 100%);border-radius:28px 28px 28px 28px;}.elementor-4971 .elementor-element.elementor-element-942d931 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-942d931.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-9fec66d{text-align:center;}.elementor-4971 .elementor-element.elementor-element-9fec66d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;color:#05435F;}.elementor-widget-eael-countdown .eael-countdown-digits::after{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-countdown .eael-countdown-digits{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-countdown .eael-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-countdown .eael-countdown-finish-message .expiry-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.eael-countdown-finish-text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4971 .elementor-element.elementor-element-afe9383 > .elementor-widget-container{margin:08px 10px 20px 10px;padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-item > div{text-align:center;background:#FFFFFF66;margin-right:15px;margin-left:15px;padding:15px 15px 15px 15px;border-radius:20px 20px 20px 20px;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-items>li{display:table-cell;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-digits::after{left:99%;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-container{margin-right:-15px;margin-left:-15px;margin-bottom:0px;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-digits{color:#E92C2C;font-family:"Coiny", Sans-serif;font-weight:100;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-label{color:#000000;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-finish-message{text-align:left;}.elementor-4971 .elementor-element.elementor-element-27be67d{--display:flex;--min-height:88vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:10px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-4971 .elementor-element.elementor-element-27be67d.e-con{--e-con-transform-scale:0.8;--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4971 .elementor-element.elementor-element-27be67d .elementor-background-slideshow__slide__image{background-size:contain;}.elementor-4971 .elementor-element.elementor-element-d4b25d4{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-d4b25d4::before, .elementor-4971 .elementor-element.elementor-element-d4b25d4 > .elementor-background-video-container::before, .elementor-4971 .elementor-element.elementor-element-d4b25d4 > .e-con-inner > .elementor-background-video-container::before, .elementor-4971 .elementor-element.elementor-element-d4b25d4 > .elementor-background-slideshow::before, .elementor-4971 .elementor-element.elementor-element-d4b25d4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4971 .elementor-element.elementor-element-d4b25d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4971 .elementor-element.elementor-element-d4b25d4.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4971 .elementor-element.elementor-element-af0d2b5{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4971 .elementor-element.elementor-element-af0d2b5.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4971 .elementor-element.elementor-element-f488af9{--display:flex;--overflow:hidden;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4971 .elementor-element.elementor-element-f488af9:not(.elementor-motion-effects-element-type-background), .elementor-4971 .elementor-element.elementor-element-f488af9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF66;}.elementor-4971 .elementor-element.elementor-element-eac830b .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-weight:500;background-image:linear-gradient(104deg, #986BFF 0%, #B299EC 100%);border-radius:28px 28px 28px 28px;}.elementor-4971 .elementor-element.elementor-element-eac830b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-eac830b.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-1cb54de{text-align:center;}.elementor-4971 .elementor-element.elementor-element-1cb54de .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-99e3712 > .elementor-widget-container{margin:08px 10px 20px 10px;padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-item > div{text-align:center;background:#FFFFFF66;margin-right:15px;margin-left:15px;padding:15px 15px 15px 15px;border-radius:20px 20px 20px 20px;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-items>li{display:table-cell;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-digits::after{left:99%;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-container{margin-right:-15px;margin-left:-15px;margin-bottom:0px;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-digits{color:#E92C2C;font-family:"Coiny", Sans-serif;font-weight:700;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-label{color:#000000;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-finish-message{text-align:left;}.elementor-4971 .elementor-element.elementor-element-7ea0e35{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:200px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-4971 .elementor-element.elementor-element-7ea0e35.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-dba1063 .elementor-button{background-color:#986BFF;font-family:"Poppins", Sans-serif;font-weight:500;border-radius:28px 28px 28px 28px;}.elementor-4971 .elementor-element.elementor-element-dba1063 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-d3a9bae > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-d3a9bae{text-align:center;}.elementor-4971 .elementor-element.elementor-element-d3a9bae .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:600;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-354ab07{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:3;}.elementor-4971 .elementor-element.elementor-element-354ab07 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-354ab07.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-a2f3108 .elementor-button{background-color:#06C2C3;font-family:"Poppins", Sans-serif;font-size:23px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.5);border-radius:100px 100px 100px 100px;padding:12px 30px 12px 30px;}.elementor-4971 .elementor-element.elementor-element-a2f3108 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;border-radius:1000px 1000px 1000px 1000px;}.elementor-4971 .elementor-element.elementor-element-a2f3108.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-684151e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:200px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-684151e.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-12f5ae8 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-4971 .elementor-element.elementor-element-12f5ae8{text-align:center;}.elementor-4971 .elementor-element.elementor-element-12f5ae8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:600;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-e1560e4{--display:flex;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-eaf846f .elementor-button{background-color:#06C2C3;font-family:"Poppins", Sans-serif;font-size:23px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.5);border-radius:100px 100px 100px 100px;padding:12px 30px 12px 30px;}.elementor-4971 .elementor-element.elementor-element-eaf846f > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:1000px 1000px 1000px 1000px;}.elementor-4971 .elementor-element.elementor-element-eaf846f.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-3715dfa{--display:flex;--min-height:438px;--justify-content:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-3715dfa .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-4971 .elementor-element.elementor-element-f0bcbb9{--display:grid;--min-height:77vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--align-items:start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4971 .elementor-element.elementor-element-f0bcbb9 .elementor-background-slideshow__slide__image{background-size:contain;background-position:top right;}.elementor-4971 .elementor-element.elementor-element-db05b43{--display:flex;--margin-top:33px;--margin-bottom:0px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:-13px;}.elementor-4971 .elementor-element.elementor-element-f2d2a9b .elementor-button{background-color:#986BFF;font-family:"Poppins", Sans-serif;font-weight:500;border-radius:28px 28px 28px 28px;}.elementor-4971 .elementor-element.elementor-element-f2d2a9b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-82b70b5 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-82b70b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:600;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-8e9ab7f{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-8e9ab7f > .elementor-widget-container{padding:020px 0px 20px 0px;}.elementor-4971 .elementor-element.elementor-element-749ce4f .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;fill:#06C2C3;color:#06C2C3;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:100px 100px 100px 100px;}.elementor-4971 .elementor-element.elementor-element-749ce4f > .elementor-widget-container{margin:0px 0px 15px 10px;border-radius:1000px 1000px 1000px 1000px;}.elementor-4971 .elementor-element.elementor-element-749ce4f{--e-transform-transition-duration:800ms;}.elementor-4971 .elementor-element.elementor-element-5b8bc54{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-4971 .elementor-element.elementor-element-f7cd836{--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;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-e75e77b{--display:grid;--min-height:0vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4971 .elementor-element.elementor-element-45ac22a{--display:flex;--margin-top:33px;--margin-bottom:0px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:-13px;}.elementor-4971 .elementor-element.elementor-element-6782258 .elementor-button{background-color:#986BFF;font-family:"Poppins", Sans-serif;font-weight:500;border-radius:28px 28px 28px 28px;}.elementor-4971 .elementor-element.elementor-element-6782258 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-5aace6f > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-5aace6f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:600;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-7a762e8{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-7a762e8 > .elementor-widget-container{padding:020px 0px 20px 0px;}.elementor-4971 .elementor-element.elementor-element-93525d6 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;fill:#06C2C3;color:#06C2C3;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:100px 100px 100px 100px;}.elementor-4971 .elementor-element.elementor-element-93525d6 > .elementor-widget-container{margin:0px 0px 15px 10px;border-radius:1000px 1000px 1000px 1000px;}.elementor-4971 .elementor-element.elementor-element-93525d6{--e-transform-transition-duration:800ms;}.elementor-4971 .elementor-element.elementor-element-44f28f3{--display:flex;--min-height:68px;--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;--margin-top:0140px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;--z-index:4;}.elementor-4971 .elementor-element.elementor-element-44f28f3 .elementor-background-slideshow__slide__image{background-position:top left;}.elementor-4971 .elementor-element.elementor-element-31c1da7 .elementor-button{background-color:#986BFF;font-family:"Poppins", Sans-serif;font-weight:500;border-radius:28px 28px 28px 28px;}.elementor-4971 .elementor-element.elementor-element-31c1da7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-90e475c > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-4971 .elementor-element.elementor-element-90e475c{z-index:3;text-align:center;}.elementor-4971 .elementor-element.elementor-element-90e475c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:600;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-f899069{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;z-index:3;text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-f899069 > .elementor-widget-container{padding:020px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-f899069.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-c9f9b2d{--display:flex;--min-height:569px;--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:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-9746239{--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;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-6c1ff26{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-6c1ff26:not(.elementor-motion-effects-element-type-background), .elementor-4971 .elementor-element.elementor-element-6c1ff26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF80;}.elementor-4971 .elementor-element.elementor-element-6c1ff26.e-con{--align-self:flex-end;}.elementor-4971 .elementor-element.elementor-element-0af145e > .elementor-widget-container{margin:30px 0px 10px 0px;}.elementor-4971 .elementor-element.elementor-element-0af145e{text-align:center;}.elementor-4971 .elementor-element.elementor-element-0af145e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:600;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-c35b754{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4971 .elementor-element.elementor-element-c35b754 > .elementor-widget-container{margin:20px 30px 010px 30px;}.elementor-4971 .elementor-element.elementor-element-c35b754 p{margin-block-end:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4971 .elementor-element.elementor-element-09df318{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-4971 .elementor-element.elementor-element-09df318 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-09df318.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-5169f13{--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;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-8ce059a{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-8ce059a:not(.elementor-motion-effects-element-type-background), .elementor-4971 .elementor-element.elementor-element-8ce059a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF80;}.elementor-4971 .elementor-element.elementor-element-8ce059a.e-con{--align-self:flex-start;}.elementor-4971 .elementor-element.elementor-element-98af368 > .elementor-widget-container{margin:30px 0px 10px 0px;}.elementor-4971 .elementor-element.elementor-element-98af368{text-align:center;}.elementor-4971 .elementor-element.elementor-element-98af368 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:600;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-53458e8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4971 .elementor-element.elementor-element-53458e8 > .elementor-widget-container{margin:20px 30px 010px 30px;}.elementor-4971 .elementor-element.elementor-element-53458e8 p{margin-block-end:0px;}.elementor-4971 .elementor-element.elementor-element-c2ca8e1{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-4971 .elementor-element.elementor-element-c2ca8e1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-c2ca8e1.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-b6e6241 .elementor-button{background-color:#06C2C3;font-family:"Poppins", Sans-serif;font-size:23px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.5);border-radius:100px 100px 100px 100px;padding:12px 30px 12px 30px;}.elementor-4971 .elementor-element.elementor-element-b6e6241 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:1000px 1000px 1000px 1000px;}.elementor-4971 .elementor-element.elementor-element-b6e6241.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-3c77217{--display:flex;--min-height:0px;--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 100px;--row-gap:0px;--column-gap:100px;--overlay-opacity:1;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4971 .elementor-element.elementor-element-3c77217::before, .elementor-4971 .elementor-element.elementor-element-3c77217 > .elementor-background-video-container::before, .elementor-4971 .elementor-element.elementor-element-3c77217 > .e-con-inner > .elementor-background-video-container::before, .elementor-4971 .elementor-element.elementor-element-3c77217 > .elementor-background-slideshow::before, .elementor-4971 .elementor-element.elementor-element-3c77217 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4971 .elementor-element.elementor-element-3c77217 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4971 .elementor-element.elementor-element-178c6a3{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:020px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-178c6a3.e-con{--align-self:flex-start;}.elementor-4971 .elementor-element.elementor-element-34e3363{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-4971 .elementor-element.elementor-element-34e3363 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 10px;}.elementor-4971 .elementor-element.elementor-element-34e3363.elementor-element{--align-self:flex-start;}.elementor-4971 .elementor-element.elementor-element-32a9802{--display:flex;--justify-content:center;}.elementor-4971 .elementor-element.elementor-element-9830ed3 > .elementor-widget-container{padding:12px 0px 20px 0px;}.elementor-4971 .elementor-element.elementor-element-9830ed3.elementor-element{--align-self:flex-start;}.elementor-4971 .elementor-element.elementor-element-9830ed3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:#05435F;}.elementor-4971 .elementor-element.elementor-element-375d2d3{width:var( --container-widget-width, 95.711% );max-width:95.711%;--container-widget-width:95.711%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#134C87;}.elementor-4971 .elementor-element.elementor-element-375d2d3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-375d2d3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4971 .elementor-element.elementor-element-8d88d04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:30px;--padding-bottom:025px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-0085e57{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4971 .elementor-element.elementor-element-a297a05{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-input--label label{color:#134C87;font-family:"Poppins", Sans-serif;font-size:16px;}.elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-group select{font-family:"Poppins", Sans-serif;}.elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#FFFFFF !important;color:#2FCCCB !important;border-radius:20px 20px 20px 20px;font-family:"Poppins", Sans-serif;}@media(min-width:769px){.elementor-4971 .elementor-element.elementor-element-e2b3141{--width:100%;}.elementor-4971 .elementor-element.elementor-element-9200307{--width:52%;}.elementor-4971 .elementor-element.elementor-element-aa24e4d{--width:94%;}.elementor-4971 .elementor-element.elementor-element-27be67d{--width:47%;}.elementor-4971 .elementor-element.elementor-element-d4b25d4{--width:100%;}.elementor-4971 .elementor-element.elementor-element-af0d2b5{--width:52%;}.elementor-4971 .elementor-element.elementor-element-f488af9{--width:94%;}.elementor-4971 .elementor-element.elementor-element-3715dfa{--content-width:1600px;}.elementor-4971 .elementor-element.elementor-element-f0bcbb9{--width:100%;}.elementor-4971 .elementor-element.elementor-element-5b8bc54{--width:100%;}.elementor-4971 .elementor-element.elementor-element-e75e77b{--width:100%;}.elementor-4971 .elementor-element.elementor-element-9746239{--width:50%;}.elementor-4971 .elementor-element.elementor-element-6c1ff26{--width:83%;}.elementor-4971 .elementor-element.elementor-element-5169f13{--width:52.5%;}.elementor-4971 .elementor-element.elementor-element-8ce059a{--width:80%;}.elementor-4971 .elementor-element.elementor-element-178c6a3{--width:64%;}.elementor-4971 .elementor-element.elementor-element-8d88d04{--width:53%;}.elementor-4971 .elementor-element.elementor-element-0085e57{--width:100%;}}@media(max-width:1024px) and (min-width:769px){.elementor-4971 .elementor-element.elementor-element-aa24e4d{--width:91%;}.elementor-4971 .elementor-element.elementor-element-f488af9{--width:91%;}.elementor-4971 .elementor-element.elementor-element-8ce059a{--width:80%;}.elementor-4971 .elementor-element.elementor-element-178c6a3{--width:727px;}.elementor-4971 .elementor-element.elementor-element-8d88d04{--width:500px;}}@media(max-width:1024px){.elementor-4971 .elementor-element.elementor-element-9200307{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-014e42f > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-014e42f .elementor-heading-title{font-size:34px;}.elementor-4971 .elementor-element.elementor-element-d5cee57{font-size:16px;}.elementor-4971 .elementor-element.elementor-element-ff9000c .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-aa24e4d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-9fec66d .elementor-heading-title{font-size:21px;}.elementor-4971 .elementor-element.elementor-element-afe9383 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-4971 .elementor-element.elementor-element-afe9383.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-label{padding-left:0px;font-size:10px;line-height:0.1em;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-item > div{text-align:center;margin-right:10px;margin-left:10px;padding:10px 10px 10px 10px;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-container{margin-right:-10px;margin-left:-10px;margin-bottom:0px;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-digits{font-size:25px;}.elementor-4971 .elementor-element.elementor-element-27be67d{--min-height:0vh;--justify-content:flex-start;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-bb7a1f0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-bb7a1f0{z-index:1;}.elementor-4971 .elementor-element.elementor-element-f488af9{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-1cb54de .elementor-heading-title{font-size:21px;}.elementor-4971 .elementor-element.elementor-element-99e3712 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-4971 .elementor-element.elementor-element-99e3712.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-label{padding-left:0px;font-size:10px;line-height:0.1em;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-item > div{text-align:center;margin-right:10px;margin-left:10px;padding:10px 10px 10px 10px;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-container{margin-right:-10px;margin-left:-10px;margin-bottom:0px;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-digits{font-size:25px;}.elementor-4971 .elementor-element.elementor-element-dba1063 .elementor-button{font-size:10px;}.elementor-4971 .elementor-element.elementor-element-d3a9bae .elementor-heading-title{font-size:34px;}.elementor-4971 .elementor-element.elementor-element-a2f3108 .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-12f5ae8 .elementor-heading-title{font-size:34px;}.elementor-4971 .elementor-element.elementor-element-eaf846f .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-f0bcbb9{--grid-auto-flow:row;}.elementor-4971 .elementor-element.elementor-element-db05b43{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-f2d2a9b .elementor-button{font-size:10px;}.elementor-4971 .elementor-element.elementor-element-82b70b5 .elementor-heading-title{font-size:34px;}.elementor-4971 .elementor-element.elementor-element-8e9ab7f > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-8e9ab7f{font-size:16px;}.elementor-4971 .elementor-element.elementor-element-749ce4f .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-e75e77b{--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-45ac22a{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-6782258 .elementor-button{font-size:10px;}.elementor-4971 .elementor-element.elementor-element-5aace6f .elementor-heading-title{font-size:34px;}.elementor-4971 .elementor-element.elementor-element-7a762e8 > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-7a762e8{font-size:16px;}.elementor-4971 .elementor-element.elementor-element-93525d6 .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-31c1da7 .elementor-button{font-size:10px;}.elementor-4971 .elementor-element.elementor-element-90e475c .elementor-heading-title{font-size:34px;}.elementor-4971 .elementor-element.elementor-element-f899069{--container-widget-width:96%;--container-widget-flex-grow:0;width:var( --container-widget-width, 96% );max-width:96%;font-size:16px;}.elementor-4971 .elementor-element.elementor-element-c9f9b2d{--min-height:387px;}.elementor-4971 .elementor-element.elementor-element-0af145e .elementor-heading-title{font-size:30px;}.elementor-4971 .elementor-element.elementor-element-c35b754{font-size:12px;}.elementor-4971 .elementor-element.elementor-element-8ce059a{--min-height:0px;}.elementor-4971 .elementor-element.elementor-element-98af368 .elementor-heading-title{font-size:30px;}.elementor-4971 .elementor-element.elementor-element-53458e8{font-size:12px;}.elementor-4971 .elementor-element.elementor-element-b6e6241 .elementor-button{font-size:16px;}.elementor-4971 .elementor-element.elementor-element-34e3363 > .elementor-widget-container{margin:08px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-34e3363{--container-widget-width:94px;--container-widget-flex-grow:0;width:var( --container-widget-width, 94px );max-width:94px;}.elementor-4971 .elementor-element.elementor-element-9830ed3 .elementor-heading-title{font-size:18px;}.elementor-4971 .elementor-element.elementor-element-375d2d3{font-size:10px;}.elementor-4971 .elementor-element.elementor-element-8d88d04{--padding-top:28px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-0085e57{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-input--label label{font-size:13px;}.elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-group select{font-size:12px;}.elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{padding:10px 14px 10px 14px;margin-top:0px;font-size:12px;}}@media(max-width:768px){.elementor-4971 .elementor-element.elementor-element-e2b3141{--min-height:0px;--z-index:2;}.elementor-4971 .elementor-element.elementor-element-9200307{--margin-top:5px;--margin-bottom:0px;--margin-left:15px;--margin-right:15px;}.elementor-4971 .elementor-element.elementor-element-26b97b6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-26b97b6.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-26b97b6 .elementor-button{font-size:8px;border-radius:20px 20px 20px 20px;padding:10px 13px 10px 13px;}.elementor-4971 .elementor-element.elementor-element-014e42f > .elementor-widget-container{margin:0px -5px 0px -10px;padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-014e42f{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;z-index:10;text-align:center;}.elementor-4971 .elementor-element.elementor-element-014e42f .elementor-heading-title{font-size:24px;}.elementor-4971 .elementor-element.elementor-element-d5cee57{width:100%;max-width:100%;text-align:justify;font-size:15px;letter-spacing:-0.2px;word-spacing:0em;}.elementor-4971 .elementor-element.elementor-element-d5cee57 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:3px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-ff9000c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-ff9000c.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-ff9000c .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-aa24e4d{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-942d931 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-942d931.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-942d931 .elementor-button{font-size:10px;border-radius:20px 20px 20px 20px;padding:10px 13px 10px 13px;}.elementor-4971 .elementor-element.elementor-element-9fec66d .elementor-heading-title{font-size:22px;}.elementor-4971 .elementor-element.elementor-element-afe9383{width:var( --container-widget-width, 277px );max-width:277px;--container-widget-width:277px;--container-widget-flex-grow:0;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-item > div{margin-right:7px;margin-left:7px;padding:10px 10px 10px 10px;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-container{margin-right:-7px;margin-left:-7px;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-digits{font-size:27px;}.elementor-4971 .elementor-element.elementor-element-afe9383 .eael-countdown-label{font-size:10px;}.elementor-4971 .elementor-element.elementor-element-27be67d{--min-height:0vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-27be67d.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-bb7a1f0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-d4b25d4{--min-height:0px;--z-index:2;}.elementor-4971 .elementor-element.elementor-element-af0d2b5{--margin-top:5px;--margin-bottom:0px;--margin-left:15px;--margin-right:15px;}.elementor-4971 .elementor-element.elementor-element-eac830b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-eac830b.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-eac830b .elementor-button{font-size:10px;border-radius:20px 20px 20px 20px;padding:10px 13px 10px 13px;}.elementor-4971 .elementor-element.elementor-element-1cb54de .elementor-heading-title{font-size:22px;}.elementor-4971 .elementor-element.elementor-element-99e3712{width:var( --container-widget-width, 277px );max-width:277px;--container-widget-width:277px;--container-widget-flex-grow:0;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-item > div{margin-right:7px;margin-left:7px;padding:10px 10px 10px 10px;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-container{margin-right:-7px;margin-left:-7px;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-digits{font-size:27px;}.elementor-4971 .elementor-element.elementor-element-99e3712 .eael-countdown-label{font-size:10px;}.elementor-4971 .elementor-element.elementor-element-7ea0e35{--content-width:100%;--margin-top:150px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-dba1063.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-dba1063 .elementor-button{font-size:8px;padding:10px 13px 10px 13px;}.elementor-4971 .elementor-element.elementor-element-d3a9bae > .elementor-widget-container{margin:05px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-d3a9bae .elementor-heading-title{font-size:30px;}.elementor-4971 .elementor-element.elementor-element-354ab07{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4971 .elementor-element.elementor-element-354ab07 > .elementor-widget-container{margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-a2f3108 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-a2f3108.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-a2f3108 .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-684151e{--margin-top:160px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--z-index:3;}.elementor-4971 .elementor-element.elementor-element-12f5ae8 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-4971 .elementor-element.elementor-element-12f5ae8 .elementor-heading-title{font-size:30px;}.elementor-4971 .elementor-element.elementor-element-e1560e4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-eaf846f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:00px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-eaf846f.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-eaf846f .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-3715dfa{--content-width:100%;--min-height:100vh;--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-f0bcbb9{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-4971 .elementor-element.elementor-element-db05b43{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4971 .elementor-element.elementor-element-f2d2a9b.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-f2d2a9b .elementor-button{font-size:8px;padding:10px 13px 10px 13px;}.elementor-4971 .elementor-element.elementor-element-82b70b5 > .elementor-widget-container{margin:05px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-82b70b5{text-align:center;}.elementor-4971 .elementor-element.elementor-element-82b70b5 .elementor-heading-title{font-size:28px;}.elementor-4971 .elementor-element.elementor-element-8e9ab7f{width:100%;max-width:100%;text-align:justify;font-size:15px;letter-spacing:-0.7px;}.elementor-4971 .elementor-element.elementor-element-8e9ab7f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-749ce4f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-749ce4f.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-749ce4f .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-5b8bc54{--width:100%;}.elementor-4971 .elementor-element.elementor-element-f7cd836{--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-e75e77b{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-45ac22a{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4971 .elementor-element.elementor-element-6782258.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-6782258 .elementor-button{font-size:8px;padding:10px 13px 10px 13px;}.elementor-4971 .elementor-element.elementor-element-5aace6f > .elementor-widget-container{margin:05px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-5aace6f{text-align:center;}.elementor-4971 .elementor-element.elementor-element-5aace6f .elementor-heading-title{font-size:28px;}.elementor-4971 .elementor-element.elementor-element-7a762e8{width:100%;max-width:100%;text-align:justify;font-size:15px;letter-spacing:-0.7px;}.elementor-4971 .elementor-element.elementor-element-7a762e8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-93525d6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-93525d6.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-93525d6 .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-71f6ed3 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-4971 .elementor-element.elementor-element-44f28f3{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:180px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-44f28f3.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-31c1da7.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-31c1da7 .elementor-button{font-size:8px;padding:10px 13px 10px 13px;}.elementor-4971 .elementor-element.elementor-element-90e475c > .elementor-widget-container{margin:05px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-90e475c .elementor-heading-title{font-size:28px;}.elementor-4971 .elementor-element.elementor-element-f899069{width:100%;max-width:100%;text-align:justify;font-size:15px;letter-spacing:-0.7px;}.elementor-4971 .elementor-element.elementor-element-f899069 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 0px 20px;}.elementor-4971 .elementor-element.elementor-element-c9f9b2d{--width:100%;}.elementor-4971 .elementor-element.elementor-element-c9f9b2d.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-9746239.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-6c1ff26{--width:97%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-6c1ff26.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-0af145e .elementor-heading-title{font-size:28px;}.elementor-4971 .elementor-element.elementor-element-c35b754{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-5169f13{--width:500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4971 .elementor-element.elementor-element-8ce059a{--width:97%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4971 .elementor-element.elementor-element-8ce059a.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-98af368 .elementor-heading-title{font-size:28px;}.elementor-4971 .elementor-element.elementor-element-53458e8{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-b6e6241 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:00px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-b6e6241.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-b6e6241 .elementor-button{font-size:14px;}.elementor-4971 .elementor-element.elementor-element-3c77217{--margin-top:120px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-4971 .elementor-element.elementor-element-178c6a3{--width:500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-4971 .elementor-element.elementor-element-34e3363 > .elementor-widget-container{margin:9px 0px 0px 0px;padding:0px 0px 0px 6px;}.elementor-4971 .elementor-element.elementor-element-34e3363{--container-widget-width:23%;--container-widget-flex-grow:0;width:var( --container-widget-width, 23% );max-width:23%;}.elementor-4971 .elementor-element.elementor-element-32a9802{--width:77%;}.elementor-4971 .elementor-element.elementor-element-9830ed3 > .elementor-widget-container{padding:0px 0px 0px 1px;}.elementor-4971 .elementor-element.elementor-element-9830ed3 .elementor-heading-title{font-size:18px;}.elementor-4971 .elementor-element.elementor-element-375d2d3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4971 .elementor-element.elementor-element-375d2d3{--container-widget-width:382px;--container-widget-flex-grow:0;width:var( --container-widget-width, 382px );max-width:382px;text-align:justify;font-size:9px;}.elementor-4971 .elementor-element.elementor-element-8d88d04{--width:500px;--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-4971 .elementor-element.elementor-element-8d88d04.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-0085e57.e-con{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-a297a05.elementor-element{--align-self:center;}.elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-input--label label{font-size:13px;}.elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-group select{font-size:13px;}.elementor-4971 .elementor-element.elementor-element-a297a05 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{font-size:13px;}}/* Start custom CSS for button, class: .elementor-element-26b97b6 */.elementor-4971 .elementor-element.elementor-element-26b97b6 .elementor-button {
    position: relative;
    overflow: hidden;
}

.elementor-4971 .elementor-element.elementor-element-26b97b6 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 6%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    transform: skewX(40deg);
    transition: left 0.4s ease-in-out;
    z-index: 1;
     filter: blur(2px);
}



@keyframes shine {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

.elementor-4971 .elementor-element.elementor-element-26b97b6 .elementor-button::before {
    animation: shine 2s infinite;
    animation-delay: 1s;
}
.button-image {
  pointer-events: none;
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-014e42f */@media (max-width: 1420px){
.elementor-8 .elementor-element.elementor-element-303a58d .elementor-heading-title{
    font-size: 55px;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ff9000c */.elementor-4971 .elementor-element.elementor-element-ff9000c .elementor-button:focus,
.elementor-4971 .elementor-element.elementor-element-ff9000c .elementor-button:active {
    background-color:#ffffff ; /* Match normal state background */
    color: #06C2C3; /* Match normal state text color */
}
.elementor-4971 .elementor-element.elementor-element-ff9000c .elementor-button {
    transition: background-color 0.1s ease, color 0.1s ease;
}

.elementor-4971 .elementor-element.elementor-element-ff9000c .elementor-button:hover {
    background-color: #06C2C3; /* Change to your desired hover background color */
    color: #ffffff; /* Change to your desired hover text color */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-942d931 */.elementor-4971 .elementor-element.elementor-element-942d931 .elementor-button {
    position: relative;
    overflow: hidden;
}

.elementor-4971 .elementor-element.elementor-element-942d931 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 6%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    transform: skewX(40deg);
    transition: left 0.4s ease-in-out;
    z-index: 1;
     filter: blur(2px);
}



.button-image {
  pointer-events: none;
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb7a1f0 */:root{
  /* phone base width; will clamp by breakpoints */
  --phone-w: clamp(40px, 34vw, 340px);
  --float-up: 10px;
  --float-down: 12px;
}

/* Allow Elementor to show shadows beyond the widget box */
.elementor-widget-container,
.elementor-widget-html,
.elementor-column { overflow: visible !important; }

/* half-section container (no background) */
.phone-section{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* gives breathing room so cards don’t collide with column edges */
.phone-stage{
  width:100%;
  max-width: min(820px, 100%);
  padding: clamp(8px, 3vw, 24px);
  display:grid;
  place-items:center;
}

/* anchor – cards will position against THIS box */
.phone-wrap{
  position: relative;
  width: var(--phone-w);
  max-width: 100%;
}

.phone{
  width:100%;
  height:auto;
  display:block;
  z-index:2;
}

/* shared card styles */
.float-card{
  position:absolute;
  display:block;
  z-index:3;
  animation: floatY 4.8s ease-in-out infinite alternate;
  will-change: transform;
}

/* position cards in % of phone width/height so they never drift */
.card-left{
  /* card scales with phone width */
  width: clamp(160px, 38%, 240px);
  /* offsets are relative to the phone image */
  left: -36%;
  top: 18%;
  --rot: -8deg;            /* lock rotation inside animation */
  transform: rotate(var(--rot));
  animation-delay:.2s;
}

.card-right{
  width: clamp(250px, 44%, 280px);
  right: -48%;
  top: 39%;
  --rot: 8deg;
  transform: rotate(var(--rot));
  animation-delay:.9s;
}

/* gentle float */
@keyframes floatY{
  from{ transform: translateY(calc(-1 * var(--float-up))) rotate(var(--rot)); }
  to  { transform: translateY(var(--float-down)) rotate(var(--rot)); }
}

/* Tablet */
@media (max-width: 1024px){
  :root{ --phone-w: clamp(260px, 35vw, 100px); }
  .card-left{ 
       width: clamp(100px, 18%, 120px);
       left:-30%; top:27%; }
  .card-right{ 
      width: clamp(150px, 44%, 280px); right:-26%; top:67%; }
}

/* Mobile phones */
@media (max-width: 640px){
  :root{ --phone-w: clamp(165px, 68vw, 220px); }
  /* bring cards in closer so they don’t get cut off */
  .card-left{ left: -30%;  top:30%; width: clamp(90px, 46%, 100px); }
  .card-right{ right:-40%; top:45%; width: clamp(140px, 52%, 100px); }
  /* reduce float to avoid bumping edges */
  :root{ --float-up: 6px; --float-down: 8px; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .float-card{ animation: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2b3141 *//* ---------------- Base element: vars + isolation ---------------- */
.elementor-4971 .elementor-element.elementor-element-e2b3141 {
  --bg-image-1: url('https://babygenieapp.com/wp-content/uploads/2025/10/toy.png'); /* rattle */
  --bg-image-4: url('https://babygenieapp.com/wp-content/uploads/2025/10/rainbow-4.png'); /* baby rainbow */
  --bg-image-5: url('https://babygenieapp.com/wp-content/uploads/2025/10/Baby-bottle-1.webp'); /* bottle */
  position: relative;
  isolation: isolate;
  z-index: 0;
}

/* Keep content above all assets */
.elementor-4971 .elementor-element.elementor-element-e2b3141 > .elementor-container,
.elementor-4971 .elementor-element.elementor-element-e2b3141 > .e-con {
  position: relative;
  z-index: 10;
}

/* ---------------- All static assets: toy, bottle, rainbow ---------------- */
.elementor-4971 .elementor-element.elementor-element-e2b3141::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    var(--bg-image-1),  /* toy */
    var(--bg-image-5),  /* bottle */
    var(--bg-image-4);  /* rainbow */
  background-position:
    95% 70%,   /* toy position */
    98% 20%,   /* bottle position */
    45% 12%;   /* rainbow position - DESKTOP */
  background-size:
    90px,      /* toy size */
    120px,     /* bottle size */
    150px;     /* rainbow size - DESKTOP */
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
  opacity: 0.6; /* all assets faded together */
}

/* ---------------- Moon layer: ::before (animated) ---------------- */
.elementor-4971 .elementor-element.elementor-element-e2b3141::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('https://babygenieapp.com/wp-content/uploads/2025/10/Crescent-moon-sparkle-1.webp');
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 120px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.4;
  animation: moonCurvePath 55s linear infinite;
  offset-path: path('M -100 700 Q 50 100, 1100 500');
  offset-rotate: 0deg;
}

/* ---------------- Keyframes ---------------- */
@keyframes moonCurvePath {
  from { offset-distance: 0%; }
  to   { offset-distance: 100%; }
}

/* ---------------- Tablet ---------------- */
@media (max-width: 1024px) {
  .elementor-4971 .elementor-element.elementor-element-e2b3141::after {
    background-position:
      5% 0%,      /* toy */
      65% 75%,    /* bottle */
      25% 55%;    /* rainbow */
    background-size:
      80px,       /* toy */
      70px,       /* bottle */
      80px;       /* rainbow */
  }
}

/* ---------------- Mobile ---------------- */
@media (max-width: 767px) {
  .elementor-4971 .elementor-element.elementor-element-e2b3141::after {
    background-position:
      90% 90%,     /* toy */
      10% 60%,    /* bottle */
      95% 2%;    /* rainbow */
    background-size:
      50px,       /* toy */
      40px,       /* bottle */
      60px;       /* rainbow */
    opacity: 0.5; /* slightly more visible on mobile */
  }
}

/* ---------------- Reduced motion ---------------- */
@media (prefers-reduced-motion: reduce) {
  .elementor-4971 .elementor-element.elementor-element-e2b3141::before { animation: none; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eac830b */.elementor-4971 .elementor-element.elementor-element-eac830b .elementor-button {
    position: relative;
    overflow: hidden;
}

.elementor-4971 .elementor-element.elementor-element-eac830b .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 6%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    transform: skewX(40deg);
    transition: left 0.4s ease-in-out;
    z-index: 1;
     filter: blur(2px);
}



.button-image {
  pointer-events: none;
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b25d4 *//* ---------------- Base element: vars + isolation ---------------- */
.elementor-4971 .elementor-element.elementor-element-d4b25d4 {
  --bg-image-1: url('https://babygenieapp.com/wp-content/uploads/2025/10/toy.png'); /* rattle */
  --bg-image-4: url('https://babygenieapp.com/wp-content/uploads/2025/10/rainbow-4.png'); /* baby rainbow */
  --bg-image-5: url('https://babygenieapp.com/wp-content/uploads/2025/10/Baby-bottle-1.webp'); /* bottle */
  position: relative;
  isolation: isolate;
  z-index: 0;
}

/* Keep content above all assets */
.elementor-4971 .elementor-element.elementor-element-d4b25d4 > .elementor-container,
.elementor-4971 .elementor-element.elementor-element-d4b25d4 > .e-con {
  position: relative;
  z-index: 10;
}

/* ---------------- All static assets: toy, bottle, rainbow ---------------- */
.elementor-4971 .elementor-element.elementor-element-d4b25d4::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    var(--bg-image-1),  /* toy */
    var(--bg-image-5),  /* bottle */
    var(--bg-image-4);  /* rainbow */
  background-position:
    95% 70%,   /* toy position */
    98% 20%,   /* bottle position */
    45% 12%;   /* rainbow position - DESKTOP */
  background-size:
    90px,      /* toy size */
    120px,     /* bottle size */
    150px;     /* rainbow size - DESKTOP */
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
  opacity: 0.6; /* all assets faded together */
}

/* ---------------- Moon layer: ::before (animated) ---------------- */
.elementor-4971 .elementor-element.elementor-element-d4b25d4::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('https://babygenieapp.com/wp-content/uploads/2025/10/Crescent-moon-sparkle-1.webp');
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 120px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.4;
  animation: moonCurvePath 55s linear infinite;
  offset-path: path('M -100 700 Q 50 100, 1100 500');
  offset-rotate: 0deg;
}

/* ---------------- Keyframes ---------------- */
@keyframes moonCurvePath {
  from { offset-distance: 0%; }
  to   { offset-distance: 100%; }
}

/* ---------------- Tablet ---------------- */
@media (max-width: 1024px) {
  .elementor-4971 .elementor-element.elementor-element-d4b25d4::after {
    background-position:
      5% 0%,      /* toy */
      65% 75%,    /* bottle */
      25% 55%;    /* rainbow */
    background-size:
      80px,       /* toy */
      70px,       /* bottle */
      80px;       /* rainbow */
  }
}

/* ---------------- Mobile ---------------- */
@media (max-width: 767px) {
  .elementor-4971 .elementor-element.elementor-element-d4b25d4::after {
    background-position:
      90% 90%,     /* toy */
      10% 60%,    /* bottle */
      95% 2%;    /* rainbow */
    background-size:
      50px,       /* toy */
      40px,       /* bottle */
      60px;       /* rainbow */
    opacity: 0.5; /* slightly more visible on mobile */
  }
}

/* ---------------- Reduced motion ---------------- */
@media (prefers-reduced-motion: reduce) {
  .elementor-4971 .elementor-element.elementor-element-d4b25d4::before { animation: none; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dba1063 */.button-image {
  pointer-events: none;
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-354ab07 */:root {                                                                       
    --ink: #0b3a4a;                                                             
    --body: #214b5a;                                                            
    --teal: #06C2C3;                                                            
    --teal-hover: #07a0a5;                                                      
    --teal-press: #06888c;                                                      
  }                                                                             
                                                                                
  /* Prevent horizontal overflow */                                             
  html, body { overflow-x: hidden; }                                            
                                                                                
  #el-tracking-slider,                                                          
  #el-tracking-slider .slider {                                                 
    max-width: 100%;                                                            
    box-sizing: border-box;                                                     
  }                                                                             
                                                                                
  /* Layout */                                                                  
  .slider {                                                                     
    display: grid;                                                              
    grid-template-rows: auto auto;                                              
    gap: 0;                                                                     
    width: 100%;                                                                
    max-width: 1500px;                                                          
    margin: 0 auto;                                                             
    padding: 0 20px;                                                            
  }                                                                             
                                                                                
  /* Container stacks all slides in same position */                            
  .slides-container {                                                           
    position: relative;                                                         
    width: 100%;                                                                
    overflow: hidden;                                                           
    min-height: 100px;                                                          
    transition: height 0.3s ease;                                               
  }                                                                             
                                                                                
  /* Each slide */                                                              
  .slide {                                                                      
    position: absolute;                                                         
    top: 0;                                                                     
    left: 0;                                                                    
    width: 100%;                                                                
    opacity: 0;                                                                 
    visibility: hidden;                                                         
    transition: opacity 0.3s ease, visibility 0.3s ease;                        
    display: grid;                                                              
    grid-template-columns: 1fr;                                                 
    gap: 0;                                                                     
    align-items: flex-start;                                                    
    justify-items: center;                                                      
    text-align: center;                                                         
    padding: 0;                                                                 
    box-sizing: border-box;                                                     
    min-height: 100px;                                                          
  }                                                                             
                                                                                
  /* Active slide */                                                            
  .slide.active {                                                               
    position: relative;                                                         
    opacity: 1;                                                                 
    visibility: visible;                                                        
  }                                                                             
                                                                                
  /* Text - REDUCED padding */                                                  
  .text-col {                                                                   
    padding-top: 40px; /* Was 120px - much tighter now */                       
    display: flex;                                                              
    flex-direction: column;                                                     
    justify-content: flex-start;                                                
  }                                                                             
                                                                                
  .kicker {                                                                     
    order: 1;                                                                   
    font-size: clamp(22px, 3vw, 36px);                                          
    font-weight: 600;                                                           
    color: #05435F;                                                             
    font-family: Poppins, sans-serif;                                           
    margin: 0 0 10px;                                                           
  }                                                                             
                                                                                
  .copy {                                                                       
    order: 3;                                                                   
    font-size: clamp(15px, 2.2vw, 22px);                                        
    line-height: 1.5;                                                           
    color: #05435F;                                                             
    margin: 0;      
    
  }                                                                             
                                                                                
  /* Image */                                                                   
  .artwrap {                                                                    
    display: flex;                                                              
    justify-content: center;                                                    
    align-items: center;                                                        
    width: 100%;                                                                
  }                                                                             
                                                                                
  .art-img {                                                                    
    order: 2;                                                                   
    padding-left: 20px;                                                         
    max-width: 100%;                                                            
    height: auto;                                                               
    display: block;                                                             
    margin: 0 auto;                                                             
  }                                                                             
                                                                                
  /* ============================                                               
     NAVIGATION ARROWS                                                          
     ============================ */                                            
  .nav-under {                                                                  
    display: flex;                                                              
    flex-direction: row;                                                        
    gap: 12px;                                                                  
    align-items: center;                                                        
    justify-content: center;                                                    
    width: 100%;                                                                
    margin-top: 20px; /* Consistent spacing */                                  
  }                                                                             
                                                                                
  /* Arrow buttons */                                                           
  #el-tracking-slider .nav-under .arrow {                                       
    position: relative !important;                                              
    width: 56px;                                                                
    height: 56px;                                                               
    border-radius: 50%;                                                         
    display: flex;                                                              
    justify-content: center;                                                    
    align-items: center;                                                        
    background: var(--teal) !important;                                         
    border: none !important;                                                    
    cursor: pointer;                                                            
    box-shadow: 0 4px 12px rgba(6, 194, 195, 0.25);                             
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);                          
    color: #fff !important;                                                     
    -webkit-appearance: none !important;                                        
    appearance: none !important;                                                
  }                                                                             
                                                                                
  /* Arrow icons - CSS chevrons */                                              
  #el-tracking-slider .nav-under .arrow::before {                               
    content: "" !important;                                                     
    display: block !important;                                                  
    position: absolute !important;                                              
    left: 50% !important;                                                       
    top: 50% !important;                                                        
    width: 18px !important;                                                     
    height: 18px !important;                                                    
    margin-left: -9px !important;                                               
    margin-top: -9px !important;                                                
    border: solid currentColor !important;                                      
    border-width: 0 3px 3px 0 !important;                                       
    transform: rotate(-45deg) !important;                                       
    pointer-events: none !important;                                            
  }                                                                             
                                                                                
  #el-tracking-slider .nav-under .arrow.prev::before {                          
    transform: rotate(135deg) !important;                                       
  }                                                                             
                                                                                
  #el-tracking-slider .nav-under .arrow:hover {                                 
    background: var(--teal-hover) !important;                                   
    transform: scale(1.08);                                                     
    box-shadow: 0 6px 20px rgba(6, 194, 195, 0.35);                             
  }                                                                             
                                                                                
  #el-tracking-slider .nav-under .arrow:active {                                
    background: var(--teal-press) !important;                                   
  }                                                                             
                                                                                
  /* =========================================                                  
     DESKTOP LAYOUT (768px+)                                                    
     ========================================= */                               
  @media (min-width: 768px) {                                                   
    #el-tracking-slider {                                                       
      --desk-slide-h: 380px; /* Reduced from 460px */                           
    }                                                                           
                                                                                
    #el-tracking-slider .slides-container {                                     
      height: var(--desk-slide-h) !important;                                   
      min-height: var(--desk-slide-h) !important;                               
      transition: none !important;                                              
      overflow: hidden !important;                                              
    }                                                                           
                                                                                
    #el-tracking-slider .slide,                                                 
    .slide {                                                                    
      display: grid !important;                                                 
      grid-template-columns: 1fr 1fr !important;                                
      grid-template-rows: 1fr auto !important;                                  
      align-items: center !important; /* Changed from flex-start for better     
  vertical alignment */                                                         
      column-gap: 40px !important; /* Reduced from 60px */                      
      row-gap: 0 !important;                                                    
      text-align: left !important;                                              
      height: 100% !important;                                                  
      min-height: var(--desk-slide-h) !important;                               
    }                                                                           
                                                                                
    /* Text column on left */                                                   
    #el-tracking-slider .slide .text-col,                                       
    .slide .text-col {                                                          
      grid-column: 1 !important;                                                
      grid-row: 1 !important;                                                   
      align-self: center !important; /* Vertically center text */               
      padding-top: 0 !important; /* Remove top padding on desktop */            
      text-align: left;                                                         
    }                                                                           
                                                                                
    /* Image on right, spanning both rows */                                    
    #el-tracking-slider .slide .artwrap,                                        
    .slide .artwrap {                                                           
      grid-column: 2 !important;                                                
      grid-row: 1 / span 2 !important;                                          
      justify-self: center !important;                                          
      align-self: center !important;                                            
    }                                                                           
                                                                                
    #el-tracking-slider .artwrap .art-img,                                      
    .artwrap .art-img {                                                         
      max-width: 100% !important;                                               
      padding-left: 40px; /* Reduced from 90px */                               
      width: 100% !important;                                                   
      height: auto !important;                                                  
      max-height: 350px; /* Constrain image height */                           
      object-fit: contain;                                                      
    }                                                                           
                                                                                
    /* Buttons below text on left - FIXED positioning */                        
    #el-tracking-slider .nav-under,                                             
    .nav-under {                                                                
      position: static !important;                                              
      grid-column: 1 !important;                                                
      grid-row: 2 !important;                                                   
      justify-content: flex-start !important;                                   
      align-items: center !important;                                           
      gap: 12px !important;                                                     
      margin-top: -60px !important; /* Clean consistent spacing */               
      padding-left: 0 !important;                                               
      width: auto !important;                                                   
    }                                                                           
                                                                                
    #el-tracking-slider .nav-under .arrow {                                     
      width:56px !important;                                                   
      height: 56px !important;                                                  
    }                                                                           
  }                                                                             
                                                                                
  /* =========================================                                  
     MOBILE LAYOUT (under 768px)                                                
     ========================================= */                               
  @media (max-width: 767px) {                                                   
    .slides-container {                                                         
      height: 480px !important;                                                 
      min-height: 480px !important;                                             
      max-height: 580px !important;                                             
      transition: none !important;                                              
      position: relative !important;                                            
    }                                                                           
        #el-tracking-slider .slides-container {
    height: 470px !important;
    min-height: 470px !important;
    max-height: 470px !important;
  }                                                                          
    .slide {                                                                    
      padding-top: 10px;                                                        
    }                                                                           
                                                                                
    .slider {                                                                   
      gap: 0;                                                                   
      height: auto;                                                             
      padding-top: 0;                                                           
    }                                                                           
                                                  
    /* Mobile grid: title → image → paragraph */                                
    #el-tracking-slider .slide {                                                
      display: grid !important;                                                 
      grid-template-columns: 1fr !important;                                    
      grid-template-rows: auto 1fr auto !important;                             
      grid-template-areas:                                                      
        "kicker"                                                                
        "art"                                                                   
        "copy" !important;                                                      
      align-items: center !important;                                           
      justify-items: center !important;                                         
      text-align: center !important;                                            
      row-gap: 0 !important;                                                    
    }                                                                           
                                                                                
    #el-tracking-slider .text-col {                                             
      display: contents !important;                                             
      width: 100%;                                                              
      margin-bottom: 0;                                                         
      margin-top: 0;                                                            
      padding: 0 15px !important;                       
    }                                                                           
                                                                                
    #el-tracking-slider .kicker {                                               
      grid-area: kicker !important;                                             
      text-align: center !important;                                            
    }                                                                           
                                                                                
    #el-tracking-slider .copy {                                                 
      grid-area: copy !important;                                               
      text-align: left !important;                                           
      margin: 0 !important;      
      

    }                                                                           
                                                                                
    #el-tracking-slider .artwrap {                                              
      grid-area: art !important;                                                
      position: relative !important;                                            
      width: 100%;                                                              
    }                                                                           
                                                                                
    #el-tracking-slider .art-img {                                              
      width: 100% !important;                                                   
      max-width: 320px !important;                                              
      height: auto !important;                                                  
      object-fit: contain !important;                                           
      margin: 0 auto !important;                                                
      padding: 0 !important;                                                    
      max-height: 280px !important;                                             
    }                                                                           
                                                                                
    /* Arrows overlay on image */                                               
    #el-tracking-slider .nav-under {                                            
      position: absolute !important;                                            
      top: 55% !important;                                                      
      left: 0 !important;                                                       
      right: 0 !important;                                                      
      transform: translateY(-50%) !important;                                   
      display: flex !important;                                                 
      justify-content: space-between !important;                                
      align-items: center !important;                                           
      padding: 0 10px !important;                                               
      margin-top: 0 !important;                                                 
      pointer-events: none !important;                                          
      z-index: 10 !important;                                                   
    }                                                                           
                                                                                
    #el-tracking-slider .nav-under .arrow {                                     
      pointer-events: auto !important;                                          
      width: 48px !important;                                                   
      height: 48px !important;                                                  
    }                                                                           
  }                                                                             
                                                                                
  @media (max-width: 480px) {                                                   
    .slides-container {                                                         
      height: 440px !important;                                                 
      min-height: 440px !important;                                             
      max-height: 440px !important;                                             
    }                                                                           
                                                                                
    #el-tracking-slider .nav-under {                                            
      top: 50% !important;                                                      
      padding: 0 5px !important;                                                
    }                                                                           
                                                                                
    #el-tracking-slider .nav-under .arrow {                                     
      width: 44px !important;                                                   
      height: 44px !important;                                                  
    }                                                                           
  }                                                                             
                                                                                
  @media (max-width: 360px) {                                                   
    .slides-container {                                                         
      height: 420px !important;                                                 
      min-height: 420px !important;                                             
      max-height: 420px !important;                                             
    }                                                                           
                                                                                
    #el-tracking-slider .nav-under .arrow {                                     
      width: 40px !important;                                                   
      height: 40px !important;                                                  
    }                                                                           
  }                                                                             
                                                                                
  /* Reduced motion */                                                          
  @media (prefers-reduced-motion: reduce) {                                     
    .slide {                                                                    
      transition: opacity 0.1s ease, visibility 0.1s ease !important;           
    }                                                                           
    .slides-container {                                                         
      transition: none !important;                                              
    }                                                                           
  }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a2f3108 */.elementor-4971 .elementor-element.elementor-element-a2f3108 .elementor-button:focus,
.elementor-4971 .elementor-element.elementor-element-a2f3108 .elementor-button:active {
    background-color:#ffffff ; /* Match normal state background */
    color: #06C2C3; /* Match normal state text color */
}
.elementor-4971 .elementor-element.elementor-element-a2f3108 .elementor-button {
    transition: background-color 0.1s ease, color 0.1s ease;
}

.elementor-4971 .elementor-element.elementor-element-a2f3108 .elementor-button:hover {
    background-color: #ffffff; /* Change to your desired hover background color */
    color: #06C2C3;; /* Change to your desired hover text color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ea0e35 *//* ===== BG assets with sparkles nearer the text ===== */
.elementor-4971 .elementor-element.elementor-element-7ea0e35 {
  position: relative;
  isolation: isolate;
  --spark: url('https://babygenieapp.com/wp-content/uploads/2025/10/Sparkle-1-1.png');
}

/* keep content above */
.elementor-4971 .elementor-element.elementor-element-7ea0e35 > .elementor-container,
.elementor-4971 .elementor-element.elementor-element-7ea0e35 > .e-con {
  position: relative;
  z-index: 1;
}

/* assets – fewer sparkles shifted toward the text area */
.elementor-4971 .elementor-element.elementor-element-7ea0e35::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.5; 
  pointer-events: none;
  background-image:
    var(--spark), /* sparkle 1 */
    var(--spark), /* sparkle 2 */
    var(--spark); /* sparkle 3 */
  background-repeat: no-repeat;
  /* DESKTOP: kept 3 sparkles — around title and text */
  background-position:
    65% 14%,  /* s1 closer to title */
    22% 44%,  /* s2 left cluster near text */
    50% 56%;  /* s3 subtle center highlight */
  background-size:
    56px, 44px, 40px;
  animation: 
    sparkle-twinkle 2.5s ease-in-out infinite,
    sparkle-pulse 3s ease-in-out infinite,
    assets-wobble 18s ease-in-out infinite;
  will-change: transform, opacity;
}

/* TABLET: keep them left but nudge inward slightly */
@media (max-width:1024px) {
  .elementor-4971 .elementor-element.elementor-element-7ea0e35::before {
    background-size:
      40px, 30px, 34px;
    background-position:
      36% 36%,
      24% 48%,
      38% 30%;
  }
}

/* MOBILE: cluster tighter around text block */
@media (max-width:767px) {
  .elementor-4971 .elementor-element.elementor-element-7ea0e35::before {
    background-size:
      34px, 26px, 20px;
    background-position:
      80% 11%,
      4% 5%,
      84% 9%;
  }
}

/* ===== SPARKLE ANIMATIONS ===== */

/* Twinkle effect - opacity fade in and out like a real star */
@keyframes sparkle-twinkle {
  0%, 100% { 
    opacity: 0.3;
    filter: brightness(1);
  }
  50% { 
    opacity: 1;
    filter: brightness(1.5);
  }
}

/* Pulse effect - subtle scale changes */
@keyframes sparkle-pulse {
  0%, 100% { 
    transform: scale(1) rotate(0deg);
  }
  25% { 
    transform: scale(1.15) rotate(5deg);
  }
  75% { 
    transform: scale(0.95) rotate(-5deg);
  }
}

/* Wobble effect - gentle position drift */
@keyframes assets-wobble {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(2px, -3px);
  }
  50% {
    transform: translate(-2px, 2px);
  }
  75% {
    transform: translate(3px, -1px);
  }
}

/* accessibility */
@media (prefers-reduced-motion: reduce) {
  .elementor-4971 .elementor-element.elementor-element-7ea0e35::before { 
    animation: none;
    opacity: 0.5;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7cfe2d6 *//* Container */
#el-image-slider {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0px;
  overflow: hidden;
}

.slider-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Viewport - SHOWS EXACTLY 3 IMAGES */
.slides-viewport {
  overflow: hidden;
  width: 100%;
  padding: 0 80px; /* Space for navigation arrows */
  position: relative;
}

.slides-track {
  display: flex;
  gap: 48px;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 100%; /* prevent shrink */
}

/* Individual image card - EXACTLY 1/3 OF VIEWPORT */
.image-card {
  flex: 0 0 calc((100% - 96px) / 3); /* 3 cards with 2 gaps (48px each) */
  max-width: calc((100% - 96px) / 3);
  min-width: calc((100% - 96px) / 3);
  width: calc((100% - 96px) / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
}

.card-link {
  display: block;
  text-decoration: none;
  overflow: hidden;
  border-radius: 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  width: 100%;
}

.card-link:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.card-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(135deg, #E8F8F8 0%, #D8EFFF 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Image fills the entire container */
.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
  padding: 0;
}

.card-link:hover .card-image img {
  transform: scale(1.05);
}

/* Title - CENTERED */
.card-title {
  text-decoration: none;
  display: block;
  transition: color 0.3s ease;
  text-align: center;
  width: 100%;
}

.card-title h3 {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  color: #05435F;
  margin: 0;
  padding: 0 12px;
  transition: color 0.3s ease;
  text-align: center;
}

.card-title:hover h3 {
  color: #06C2C3;
}

/* Navigation Arrows - PERFECT CIRCLES AS IN REFERENCE */
.nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  border-radius: 50%;
  background: #06C2C3;
  border: none;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(6, 194, 195, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-shrink: 0;
}

.nav-arrow:hover {
  background: #05a8a9;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 6px 24px rgba(6, 194, 195, 0.4);
}

.nav-arrow:active {
  background: #048b8d;
  transform: translateY(-50%) scale(0.95);
}

.nav-arrow.prev { left: 8px; }
.nav-arrow.next { right: 8px; }

/* Arrow icons */
.nav-arrow::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border: solid #fff;
  border-width: 0 3.5px 3.5px 0;
  transform: rotate(-45deg);
}

.nav-arrow.prev::before {
  transform: rotate(135deg);
  margin-left: 3px;
}

.nav-arrow.next::before {
  margin-right: 3px;
}

/* Disabled state */
.nav-arrow:disabled,
.nav-arrow[style*="opacity: 0.3"] {
  opacity: 0.3;
  cursor: not-allowed;
}

.nav-arrow:disabled:hover,
.nav-arrow[style*="opacity: 0.3"]:hover {
  background: #06C2C3;
  transform: translateY(-50%);
  box-shadow: 0 4px 16px rgba(6, 194, 195, 0.3);
}

/* =========================
   TABLET (≤1024px)
   ========================= */
@media (max-width: 1024px) {
  #el-image-slider { padding: 30px 15px; overflow: hidden; }
  .slides-viewport { padding: 0 70px; overflow: hidden; }
  .slides-track { gap: 32px; }

  /* EXACTLY 2 IMAGES ON TABLET */
  .image-card {
    flex: 0 0 calc((100% - 32px) / 2);
    max-width: calc((100% - 32px) / 2);
    min-width: calc((100% - 32px) / 2);
    width: calc((100% - 32px) / 2);
  }

  .nav-arrow { width: 52px; height: 52px; min-width: 52px; min-height: 52px; }
  .nav-arrow::before { width: 16px; height: 16px; border-width: 0 3px 3px 0; }

  .card-title h3 { font-size: clamp(18px, 2.5vw, 24px); }
}

/* =========================
   MOBILE (≤768px)
   ========================= */
@media (max-width: 768px) {
  #el-image-slider { padding: 20px 10px; overflow: hidden; }
  .slides-viewport { padding: 0 60px; overflow: hidden; }

  /* EXACTLY 1 IMAGE ON MOBILE */
  .slides-track { gap: 0px !important; }

  .image-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    margin: 0;
  }

  .nav-arrow { width: 48px; height: 48px; min-width: 48px; min-height: 48px; }
  .nav-arrow::before { width: 14px; height: 14px; border-width: 0 2.5px 2.5px 0; }

  .nav-arrow.prev { left: 5px; }
  .nav-arrow.next { right: 5px; }

  .card-link { border-radius: 20px; }
  .card-image { aspect-ratio: 1 / 1; border-radius: 20px; }
  .card-title h3 { font-size: 24px; padding: 0 8px; }
  .image-card { gap: 12px; }
}

/* =========================
   SMALL MOBILE (≤480px)
   ========================= */
@media (max-width: 480px) {
  #el-image-slider { padding: 15px 5px; }
  .slides-viewport { padding: 0 55px; }

  .image-card { flex: 0 0 100% !important; max-width: 100% !important; min-width: 100% !important; }
  .slides-track { gap: 0px !important; }

  .nav-arrow { width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
  .nav-arrow.prev { left: 4px; }
  .nav-arrow.next { right: 4px; }
  .nav-arrow::before { width: 12px; height: 12px; border-width: 0 2px 2px 0; }

  .card-link { border-radius: 16px; }
  .card-image { border-radius: 16px; }
  .card-title h3 { font-size: 22px; }
}

/* =========================
   EXTRA SMALL (≤360px)
   ========================= */
@media (max-width: 360px) {
  #el-image-slider { padding: 12px 5px; }
  .slides-viewport { padding: 0 50px; }

  .image-card { flex: 0 0 100% !important; max-width: 100% !important; min-width: 100% !important; }
  .slides-track { gap: 0px !important; }

  .nav-arrow { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
  .nav-arrow::before { width: 11px; height: 11px; border-width: 0 2px 2px 0; }

  .card-title h3 { font-size: 20px; }
}

/* =========================
   TOUCH IMPROVEMENTS
   ========================= */
@media (hover: none) and (pointer: coarse) {
  .card-link:hover { transform: none; box-shadow: none; }
  .card-image img { transition: none; }
  .nav-arrow:hover { transform: translateY(-50%); }

  .nav-arrow { width: 48px; height: 48px; min-width: 48px; min-height: 48px; }
  .card-link:active { transform: scale(0.98); }
  .nav-arrow:active { transform: translateY(-50%) scale(0.92); }
}

/* =========================
   LANDSCAPE MOBILE
   ========================= */
@media (max-width: 896px) and (orientation: landscape) {
  .image-card { flex: 0 0 100% !important; max-width: 100% !important; min-width: 100% !important; }
  .slides-track { gap: 0px !important; }
  .nav-arrow { top: 50%; }
}

/* =========================
   REDUCE MOTION
   ========================= */
@media (prefers-reduced-motion: reduce) {
  .slides-track { transition: transform 0.3s ease; }
  .card-link, .card-link:hover, .nav-arrow, .card-image img { transition: none; transform: none; }
}

/* =========================
   LOADING STATE
   ========================= */
.card-image img {
  opacity: 0;
  animation: fadeInImage 0.5s ease forwards;
}
@keyframes fadeInImage { from { opacity: 0; } to { opacity: 1; } }

/* ===== Hard-stop: force exactly 1 card, no gap, no peeking ===== */
@media (max-width: 900px) {
  /* keep arrows space but hide overflow cleanly */
  #el-image-slider .slides-viewport {
    padding: 0 56px !important;  /* room for circles */
    overflow: hidden !important;
  }

  #el-image-slider .slides-track {
    gap: 0 !important;            /* no gap = nothing peeks in */
    will-change: transform;
  }

  #el-image-slider .image-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* optional: slightly smaller arrows on tight phones */
  #el-image-slider .nav-arrow {
    width: 48px; height: 48px; min-width: 48px; min-height: 48px;
  }
  #el-image-slider .nav-arrow::before {
    width: 14px; height: 14px; border-width: 0 2.5px 2.5px 0;
  }
}
/* ===== Hard-stop: force exactly 1 card, no gap, no peeking ===== */
@media (max-width: 900px) {
  /* keep arrows space but hide overflow cleanly */
  #el-image-slider .slides-viewport {
    padding: 0 56px !important;  /* room for circles */
    overflow: hidden !important;
  }

  #el-image-slider .slides-track {
    gap: 0 !important;            /* no gap = nothing peeks in */
    will-change: transform;
  }

  #el-image-slider .image-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* optional: slightly smaller arrows on tight phones */
  #el-image-slider .nav-arrow {
    width: 48px; height: 48px; min-width: 48px; min-height: 48px;
  }
  #el-image-slider .nav-arrow::before {
    width: 14px; height: 14px; border-width: 0 2.5px 2.5px 0;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eaf846f */.elementor-4971 .elementor-element.elementor-element-eaf846f .elementor-button:focus,
.elementor-4971 .elementor-element.elementor-element-eaf846f .elementor-button:active {
    background-color:#ffffff ; /* Match normal state background */
    color: #06C2C3; /* Match normal state text color */
}
.elementor-4971 .elementor-element.elementor-element-eaf846f .elementor-button {
    transition: background-color 0.1s ease, color 0.1s ease;
}

.elementor-4971 .elementor-element.elementor-element-eaf846f .elementor-button:hover {
    background-color: #ffffff; /* Change to your desired hover background color */
    color: #06C2C3;; /* Change to your desired hover text color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-684151e *//* === Baby Genie – Tracking section assets (moon + bottle + sparkles) === */
.elementor-4971 .elementor-element.elementor-element-684151e{
  position: relative;
  /* media library assets */
  --background-image-1: url('https://babygenieapp.com/wp-content/uploads/2025/10/Crescent-moon-sparkle-1.webp'); /* moon */
  --background-image-2: url('https://babygenieapp.com/wp-content/uploads/2025/10/Baby-bottle-1.webp');            /* bottle */
  --background-image-3: url('https://babygenieapp.com/wp-content/uploads/2025/10/Sparkle-1-1.png');                /* sparkle */
}

/* Moon and Bottle layer (no sparkle animation) */
.elementor-4971 .elementor-element.elementor-element-684151e::before{
  content:'';
  position:absolute; inset:0;
  z-index:1;
  opacity: 0.5; 
  pointer-events:none;
  background-image:
    var(--background-image-1),
    var(--background-image-2);
  background-repeat: no-repeat, no-repeat;
  /* DESKTOP placement */
  background-position:
    82% -10%,   /* moon */
    1% 88%;     /* bottle near hero title */
  background-size:
    140px,      /* moon */
    90px;       /* bottle */
}

/* Sparkles layer (with sparkle animations) */
.elementor-4971 .elementor-element.elementor-element-684151e::after{
  content:'';
  position:absolute; inset:0;
  z-index:2;
  opacity: 0.5; 
  pointer-events:none;
  background-image:
    var(--background-image-3),
    var(--background-image-3),
    var(--background-image-3);
  background-repeat: no-repeat, no-repeat, no-repeat;
  /* DESKTOP sparkle placement */
  background-position:
    28% 4%,   /* sparkle 1 (left of title) */
    74% 96%,  /* sparkle 2 (right of title) */
    32% 89%;  /* sparkle 3 (near body copy) */
  background-size:
    54px, 68px, 64px; /* sparkles, varied for depth */
  /* FULL sparkle animations for star-like effect */
  animation: 
    sparkle-twinkle 2.5s ease-in-out infinite,
    sparkle-pulse 3s ease-in-out infinite,
    assets-wobble 18s ease-in-out infinite;
  will-change: transform, opacity;
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .elementor-4971 .elementor-element.elementor-element-684151e::before{
    background-size: 120px, 78px;
    background-position:
      80% 64%,  /* moon */
      52% 20%;  /* bottle near title */
  }
  .elementor-4971 .elementor-element.elementor-element-684151e::after{
    background-size: 30px, 26px, 22px;
    background-position:
      34% 26%,  /* sparkles cluster tighter */
      60% 28%,
      40% 50%;
  }
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  .elementor-4971 .elementor-element.elementor-element-684151e::before{
    background-size: 90px, 48px;
    background-position:
      1% 90%,   /* moon */
      104% 2%;  /* bottle beside/just under title on small screens */
  }
  .elementor-4971 .elementor-element.elementor-element-684151e::after{
    background-size: 36px, 32px, 20px;
    background-position:
      2% 20%,   /* sparkles around title area */
      94% 92%,
      38% 56%;
  }
}

/* ===== SPARKLE ANIMATIONS ===== */

/* Twinkle effect - opacity fade in and out like a real star */
@keyframes sparkle-twinkle {
  0%, 100% { 
    opacity: 0.3;
    filter: brightness(1);
  }
  50% { 
    opacity: 1;
    filter: brightness(1.5);
  }
}

/* Pulse effect - subtle scale changes */
@keyframes sparkle-pulse {
  0%, 100% { 
    transform: scale(1) rotate(0deg);
  }
  25% { 
    transform: scale(1.15) rotate(5deg);
  }
  75% { 
    transform: scale(0.95) rotate(-5deg);
  }
}

/* Wobble effect - gentle position drift */
@keyframes assets-wobble {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(2px, -3px);
  }
  50% {
    transform: translate(-2px, 2px);
  }
  75% {
    transform: translate(3px, -1px);
  }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce){
  .elementor-4971 .elementor-element.elementor-element-684151e::before,
  .elementor-4971 .elementor-element.elementor-element-684151e::after{ 
    animation: none;
    opacity: 0.5;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f2d2a9b */.button-image {
  pointer-events: none;
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-749ce4f */.elementor-4971 .elementor-element.elementor-element-749ce4f .elementor-button:focus,
.elementor-4971 .elementor-element.elementor-element-749ce4f .elementor-button:active {
    background-color:#ffffff ; /* Match normal state background */
    color: #06C2C3; /* Match normal state text color */
}
.elementor-4971 .elementor-element.elementor-element-749ce4f .elementor-button {
    transition: background-color 0.1s ease, color 0.1s ease;
}

.elementor-4971 .elementor-element.elementor-element-749ce4f .elementor-button:hover {
    background-color: #06C2C3; /* Change to your desired hover background color */
    color: #ffffff; /* Change to your desired hover text color */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13ff707 *//* Scale wrapper for Elementor */
.wrapper{
  transform: scale(0.5);
  transform-origin: top center; /* keeps it aligned */
}

.stage{
  position:relative;
  width: 600px;
  aspect-ratio: 1 / 1;
}

.rings{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}


.phone img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.heart-blob{
  position:absolute;
  left:10%;
  bottom:-5%;
  z-index:3;

}
.heart-blob::before{
  content:"";
  position:absolute;
  background: radial-gradient(circle at 48% 48%, #41CAD8, #2FCCCB 55%, #41CAD8 70%);
  width:250px; height:250px;
  border-radius:50%;
  filter:blur(24px);
  opacity:.99;
  translate:-38% -4%;
  z-index:-1;
}
.heart-blob img{
  width:200px; height:auto;
  display:block;
  transform: translateX(-30%) translateY(7%) rotate(-8deg); 

  filter:drop-shadow(0 6px 14px rgba(0,0,0,.12));
}
/* -------- IPAD / TABLET ADJUSTMENTS (768px–1024px) -------- */
@media (min-width: 768px) and (max-width: 1024px) {
  .wrapper{
    transform: scale(0.65);   /* bigger on iPad */
    transform-origin: top center;
  }

  .stage{
    width: 370px;
  }

  .heart-blob::before{
    width: 135px;
    height: 135px;
    filter: blur(22px);
  }

  .heart-blob img{
    width: 100px;
    transform: translateX(-30%) translateY(6%) rotate(-8deg);
  }
}
/* -------- IPAD / TABLET ADJUSTMENTS -------- */
@media (min-width: 769px) and (max-width: 1024px) {

  .wrapper{
    transform: scale(0.65);   /* bigger than desktop */
    transform-origin: top center;
  }

  .stage{
    width: 520px;             /* slightly larger stage */
  }

  .heart-blob::before{
    width: 200px;
    height: 200px;
    filter: blur(22px);
  }

  .heart-blob img{
    width: 170px;
    transform: translateX(-30%) translateY(6%) rotate(-8deg);
  }

}

/* -------- MOBILE ADJUSTMENTS -------- */
@media (max-width: 767px) {
  .wrapper {
    transform: scale(0.35);   /* smaller on mobile */
    transform-origin: top center;
  }

  .stage {
    width: 300px;             /* narrower stage */
  }

  .heart-blob::before {
    width: 120px;
    height: 120px;
    filter: blur(18px);
  }

  .heart-blob img {
    width: 100px;             /* smaller heart */
    transform: translateX(-30%) translateY(4%) rotate(-6deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3715dfa *//* ===== Baby Genie – Support Circle section (Moon + Sparkles) ===== */
.elementor-4971 .elementor-element.elementor-element-3715dfa{
  position: relative;
  isolation: isolate;                /* keep effects inside this section */
  --spark: url('https://babygenieapp.com/wp-content/uploads/2025/10/Sparkle-1-1.png');
  --moon:  url('https://babygenieapp.com/wp-content/uploads/2025/10/toy.png');
}

/* keep real content above the decoration */
.elementor-4971 .elementor-element.elementor-element-3715dfa > .elementor-container,
.elementor-4971 .elementor-element.elementor-element-3715dfa > .e-con{ position: relative; z-index: 10; }

/* Moon layer (no animation) */
.elementor-4971 .elementor-element.elementor-element-3715dfa::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none; z-index:1;
  opacity: 0.5; 
  background-image: var(--moon);
  background-repeat: no-repeat;
  /* Desktop placement */
  background-position: 38% 8%;  /* moon anchors right column */
  background-size: 100px;       /* moon */
}

/* Sparkles layer (with animations) */
.elementor-4971 .elementor-element.elementor-element-3715dfa::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none; z-index:2;
  opacity: 0.5; 
  background-image:
    var(--spark),  /* sparkle 1 near headline */
    var(--spark),  /* sparkle 2 near first paragraph */
    var(--spark),  /* sparkle 3 between columns */
    var(--spark);  /* sparkle 4 lower-right */
  background-repeat: no-repeat;
  /* Desktop placement */
  background-position:
    16% 15%,  /* sparkle near "Support Circle" */
    1% 36%,   /* sparkle by first lines of copy */
    56% 10%,  /* sparkle between text & phone */
    95% 62%;  /* sparkle low-right */
  background-size:
    46px, 42px, 38px, 50px; /* sparkles, varied for depth */
  /* FULL sparkle animations */
  animation: 
    sparkle-twinkle 2.5s ease-in-out infinite,
    sparkle-pulse 3s ease-in-out infinite,
    sc-wobble 18s ease-in-out infinite;
  will-change: transform, opacity;
}

/* ---------- Tablet (≤1024px) ---------- */
@media (max-width:1024px){
  .elementor-4971 .elementor-element.elementor-element-3715dfa::before{
    background-size: 140px;
    background-position: 84% 42%;
  }
  .elementor-4971 .elementor-element.elementor-element-3715dfa::after{
    background-size: 32px, 28px, 26px, 26px;
    background-position:
      18% 20%, 22% 40%, 48% 52%, 80% 76%;
  }
}

/* ---------- Mobile (≤767px) ---------- */
@media (max-width:767px){
  .elementor-4971 .elementor-element.elementor-element-3715dfa::before{
    background-size: 80px;
    background-position: 95% 45%;
  }
  .elementor-4971 .elementor-element.elementor-element-3715dfa::after{
    background-size: 38px, 34px, 32px, 32px;
    /* keep art clear of stacked content */
    background-position:
      4% 2%, 10% 58%, 50% 56%, 92% 8%;
  }
}

/* ===== SPARKLE ANIMATIONS ===== */

/* Twinkle effect - opacity fade in and out like a real star */
@keyframes sparkle-twinkle {
  0%, 100% { 
    opacity: 0.3;
    filter: brightness(1);
  }
  50% { 
    opacity: 1;
    filter: brightness(1.5);
  }
}

/* Pulse effect - subtle scale changes */
@keyframes sparkle-pulse {
  0%, 100% { 
    transform: scale(1) rotate(0deg);
  }
  25% { 
    transform: scale(1.15) rotate(5deg);
  }
  75% { 
    transform: scale(0.95) rotate(-5deg);
  }
}

/* Wobble effect - gentle position drift */
@keyframes sc-wobble {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(2px, -3px);
  }
  50% {
    transform: translate(-2px, 2px);
  }
  75% {
    transform: translate(3px, -1px);
  }
}

/* Respect user preference */
@media (prefers-reduced-motion: reduce){
  .elementor-4971 .elementor-element.elementor-element-3715dfa::before,
  .elementor-4971 .elementor-element.elementor-element-3715dfa::after{ 
    animation: none;
    opacity: 0.5;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6782258 */.button-image {
  pointer-events: none;
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-93525d6 */.elementor-4971 .elementor-element.elementor-element-93525d6 .elementor-button:focus,
.elementor-4971 .elementor-element.elementor-element-93525d6 .elementor-button:active {
    background-color:#ffffff ; /* Match normal state background */
    color: #06C2C3; /* Match normal state text color */
}
.elementor-4971 .elementor-element.elementor-element-93525d6 .elementor-button {
    transition: background-color 0.1s ease, color 0.1s ease;
}

.elementor-4971 .elementor-element.elementor-element-93525d6 .elementor-button:hover {
    background-color: #06C2C3; /* Change to your desired hover background color */
    color: #ffffff; /* Change to your desired hover text color */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71f6ed3 *//* ===== Base canvas ===== */
.milestones.v2{
  position: relative;
  width: min(450px, 90vw);
  aspect-ratio: 9 / 11;
  margin: 0 auto;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

/* ===== Photos ===== */
.card{
  position: absolute;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(23,23,23,.18), 0 8px 18px rgba(23,23,23,.10);
  background:#eee;
}
.card img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Large (top-left) */
.card-lg{ left:0; top:0; width:68%; height:70%; }
/* Small (bottom-right) */
.card-sm{ right:4%; bottom:2%; width:46%; height:46%; border-radius:18px; }

/* ===== Image badges (Green-Figure.png) ===== */
.tag{
  position:absolute;
  display:inline-block;
  --w: 178px;                /* base width for the badge image */
  width: 140px;
}
.tag-right{ right:-8%; top:15%;  --w: 192px; }
.tag-left { left:9%;  bottom:10%; --w: 196px; }

.tag .tag-bg{
  width: var(--w);
  height: auto;
  display:block;
  filter: drop-shadow(0 14px 26px rgba(0, 180, 170, .22));
}
.tag span{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  color:#ffffff;
  font-size: clamp(14px, 1.85vw, 18px);
  line-height:1;
  padding: 0 18px;
  pointer-events:none;
}

/* ===== Stars (yellow-star.png) ===== */
.star{
  position:absolute;
  width:60px; height:60px;
  object-fit:contain;
  filter: drop-shadow(0 10px 20px rgba(255,193,7,.28));
}
/* top cluster at right of big photo (1 large, 2 small) */
.star-top-lg{ right:25%; top:4%; transform: rotate(8deg); width:60px; height:70px; }
.star-top-s1{ right:21%; top:5%; width:25px; height:22px; opacity:.95; }
.star-top-s2{ right:27%; top:14%; width:16px; height:14px; opacity:.9; }
/* big star bottom-left of large photo */

.star-bottom      { left:2%; bottom:21%; width:80px; height:54px; transform: rotate(-50deg); }

.star-bottom-s1   { left:18%; bottom:23%; width:25px; height:18px; opacity:.95; }
.star-bottom-s2   { left:12%; bottom:21%; width:15px; height:12px; opacity:.9; }

/* right middle star (tuned to match the mock) */
.star-mid-right{
  right: -1%;     /* move horizontally */
  top:   38%;     /* move vertically */
  width: 120px;
  height: 120px;
  transform: rotate(-10deg);
}

/* =========================
   iPad / Tablet (768px–1024px)
   ========================= */
@media (min-width: 768px) and (max-width: 1024px){

  /* Make the whole layout bigger on iPad */
  .milestones.v2{
    width: min(330px, 92vw);   /* was 450px */
    aspect-ratio: 9 / 11;      /* keep same shape */
  }

  /* Slightly larger cards so it fills height better */
  .card-lg{ 
    width: 70%;
    height: 72%;
  }

  .card-sm{
    width: 48%;
    height: 48%;
    right: 2%;
    bottom: 1%;
  }

  /* Make badges a bit bigger and better placed */
  .tag{ width: 130px; }        /* was 140px */
  .tag-right{ right: -6%; top: 14%; --w: 210px; }
  .tag-left { left:  8%; bottom:  9%; --w: 210px; }

  /* Stars slightly larger on iPad */
  .star-top-lg{ width: 40px; height: 80px; }
  .star-mid-right{ width: 100px; height: 130px; right: -2%; top: 36%; }
  .star-bottom{ width: 70px; height: 60px; }
}
/* Responsive touch-up */
@media (max-width: 520px){
  .card-lg{ width:70%; height:66%; }
  .card-sm{ width:48%; height:44%; }
  .tag-right{ top:28%; right:6%; }
  .tag-left{  bottom:8%; left:6%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7cd836 *//* ===== Baby Genie – Scrapbook section background (Bingie + ONE Bottle) ===== */
.elementor-4971 .elementor-element.elementor-element-f7cd836{
  position: relative;
  isolation: isolate;

  --bingie: url('https://babygenieapp.com/wp-content/uploads/2025/11/bingie-fade-metallic.png');
  --bottle: url('https://babygenieapp.com/wp-content/uploads/2025/10/Crescent-moon-sparkle-1.webp');
}

/* keep content above */
.elementor-4971 .elementor-element.elementor-element-f7cd836 > .elementor-container,
.elementor-4971 .elementor-element.elementor-element-f7cd836 > .e-con{ position: relative; z-index: 1; }


/* Assets: Bingie + ONE bottle (bottom-left/CTA area) */
.elementor-4971 .elementor-element.elementor-element-f7cd836::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none; z-index:0;
     opacity: 0.5; 

  background-image:
    var(--bingie),   /* Bingie near headline */
    var(--bottle);   /* single bottle low-left */

  background-repeat: no-repeat;

  /* Desktop */
  background-position:
    25% 6%,   /* Bingie */
    54% 85%;   /* bottle low-left */
  background-size:
   70px,     /* Bingie */
    90px;      /* bottle */
}

/* ---------- Tablet (≤1024px) ---------- */
@media (max-width:1024px){
  .elementor-4971 .elementor-element.elementor-element-f7cd836::before{
    background-size: 112px, 80px;
    background-position:
      30% 12%,  /* Bingie */
      8% 84%;   /* bottle */
  }
  
}

/* ---------- Mobile (≤767px) ---------- */
@media (max-width:767px){
  .elementor-4971 .elementor-element.elementor-element-f7cd836::before{
    background-size: 76px, 70px;
    background-position:
      98% 4%,  /* Bingie centered above heading */
      3% 46%;  /* moon */
  }
  
}

/* (Optional) Accessibility – no animation to disable now */
@media (prefers-reduced-motion: reduce){
  /* no-op */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-31c1da7 */.button-image {
  pointer-events: none;
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b6e6241 */.elementor-4971 .elementor-element.elementor-element-b6e6241 .elementor-button:focus,
.elementor-4971 .elementor-element.elementor-element-b6e6241 .elementor-button:active {
    background-color:#ffffff ; /* Match normal state background */
    color: #06C2C3; /* Match normal state text color */
}
.elementor-4971 .elementor-element.elementor-element-b6e6241 .elementor-button {
    transition: background-color 0.1s ease, color 0.1s ease;
}

.elementor-4971 .elementor-element.elementor-element-b6e6241 .elementor-button:hover {
    background-color: #ffffff; /* Change to your desired hover background color */
    color: #06C2C3;; /* Change to your desired hover text color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44f28f3 *//* ===== Baby Genie – Cute assets background (section only) ===== */
.elementor-4971 .elementor-element.elementor-element-44f28f3{
  position: relative;
  isolation: isolate; /* keep layers contained to this section */
  /* Media Library assets */
  --spark: url('https://babygenieapp.com/wp-content/uploads/2025/10/Sparkle-1-1.png');
  --moon:  url('https://babygenieapp.com/wp-content/uploads/2025/10/Crescent-moon-sparkle-1.webp');
  --bingie:url('https://babygenieapp.com/wp-content/uploads/2025/11/bingie-fade-metallic.png');
}

/* keep your cards/text above the artwork */
.elementor-4971 .elementor-element.elementor-element-44f28f3 > .elementor-container,
.elementor-4971 .elementor-element.elementor-element-44f28f3 > .e-con{ position: relative; z-index: 10; }

/* Moon and Bingie layer (no animation) */
.elementor-4971 .elementor-element.elementor-element-44f28f3::before{
  content:"";
  position:absolute; inset:0;
  z-index:1; pointer-events:none;
  opacity: 0.4; 
  background-image:
    var(--moon),     /* big moon on right behind cards */
    var(--bingie);   /* Bingie peeking above heading */
  background-repeat:no-repeat;
  /* Desktop placement */
  background-position:
     5% 36%,   /* moon */
    98% 62%;    /* Bingie centered/peeking */
  background-size:
    130px,     /* moon */
    120px;     /* Bingie */
}

/* Sparkles layer (with animations) */
.elementor-4971 .elementor-element.elementor-element-44f28f3::after{
  content:"";
  position:absolute; inset:0;
  z-index:2; pointer-events:none;
  opacity: 0.5; 
  background-image:
    var(--spark),    /* sparkle cluster 1 */
    var(--spark),    /* sparkle cluster 2 */
    var(--spark);    /* sparkle cluster 3 */
  background-repeat:no-repeat;
  /* Desktop sparkle placement */
  background-position:
    14% 16%,   /* sparkles near top-left */
    30% 44%,   /* sparkles between title & left card */
    78% 24%;   /* sparkles near right card title */
  background-size:
    44px, 36px, 40px;  /* sparkles (varied sizes) */
  /* FULL sparkle animations */
  animation: 
    sparkle-twinkle 2.5s ease-in-out infinite,
    sparkle-pulse 3s ease-in-out infinite,
    cute-wobble 18s ease-in-out infinite;
  will-change: transform, opacity;
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .elementor-4971 .elementor-element.elementor-element-44f28f3::before{
    background-size: 160px, 110px;
    background-position: 88% 64%, 50% 7%;
  }
  .elementor-4971 .elementor-element.elementor-element-44f28f3::after{
    background-size: 38px, 32px, 34px;
    background-position: 10% 18%, 28% 46%, 74% 26%;
  }
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  .elementor-4971 .elementor-element.elementor-element-44f28f3::before{
    background-size: 60px, 50px;
    background-position: 1% 24%, 95% 0%;
  }
  .elementor-4971 .elementor-element.elementor-element-44f28f3::after{
    background-size: 32px, 38px, 30px;
    background-position: 3% 2%, 24% 52%, 87% 70%;
  }
}

/* ===== SPARKLE ANIMATIONS ===== */

/* Twinkle effect - opacity fade in and out like a real star */
@keyframes sparkle-twinkle {
  0%, 100% { 
    opacity: 0.3;
    filter: brightness(1);
  }
  50% { 
    opacity: 1;
    filter: brightness(1.5);
  }
}

/* Pulse effect - subtle scale changes */
@keyframes sparkle-pulse {
  0%, 100% { 
    transform: scale(1) rotate(0deg);
  }
  25% { 
    transform: scale(1.15) rotate(5deg);
  }
  75% { 
    transform: scale(0.95) rotate(-5deg);
  }
}

/* Wobble effect - gentle position drift */
@keyframes cute-wobble {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(2px, -3px);
  }
  50% {
    transform: translate(-2px, 2px);
  }
  75% {
    transform: translate(3px, -1px);
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .elementor-4971 .elementor-element.elementor-element-44f28f3::before,
  .elementor-4971 .elementor-element.elementor-element-44f28f3::after{ 
    animation: none;
    opacity: 0.5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c77217 *//* ===== Baby Genie – Newsletter section assets ONLY (no background, static) ===== */
.elementor-4971 .elementor-element.elementor-element-3c77217{
  position: relative;
  isolation: isolate;                 /* keep assets inside this section */
  background: transparent !important; /* kill any section bg color/image */
}

/* Neutralize any Elementor overlays/shapes */
.elementor-4971 .elementor-element.elementor-element-3c77217 > .elementor-background-overlay,
.elementor-4971 .elementor-element.elementor-element-3c77217 > .elementor-background-slideshow,
.elementor-4971 .elementor-element.elementor-element-3c77217 > .elementor-shape-top,
.elementor-4971 .elementor-element.elementor-element-3c77217 > .elementor-shape-bottom{
  background: none !important;
  box-shadow: none !important;
}

/* Keep real content above the decorative layer */
.elementor-4971 .elementor-element.elementor-element-3c77217 > .elementor-container,
.elementor-4971 .elementor-element.elementor-element-3c77217 > .e-con{ position: relative; z-index: 1; }

/* ---------- Static assets layer: toy + Bingie (NO animation) ---------- */
.elementor-4971 .elementor-element.elementor-element-3c77217::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none; z-index:0;
  opacity: 0.5;

  /* Media Library assets */
  --toy:    url('https://babygenieapp.com/wp-content/uploads/2025/10/toy.png');
  --bingie: url('https://babygenieapp.com/wp-content/uploads/2025/11/bingie-fade-metallic.png');

  background-image:
    var(--toy),    /* cute rattle */
    var(--bingie); /* Bingie peek */

  background-repeat: no-repeat;

  /* Desktop placement */
  background-position:
    46% 102%,  /* toy */
    55% 3%;    /* Bingie */
  background-size:
    80px,      /* toy */
    60px;      /* Bingie */
}

/* ---------- Animated sparkles layer: sparkles ONLY ---------- */
.elementor-4971 .elementor-element.elementor-element-3c77217::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none; z-index:0; /* ::after naturally sits above ::before */

  /* Media Library asset */
  --spark:  url('https://babygenieapp.com/wp-content/uploads/2025/10/Sparkle-1-1.png');

  background-image:
    var(--spark),  /* sparkle 1 */
    var(--spark),  /* sparkle 2 */
    var(--spark);  /* sparkle 3 */
  background-repeat: no-repeat;

  /* Desktop placement (from your original) */
  background-position:
    50% 52%,  /* by headline */
    35% 15%,  /* near input */
    95% 2%;   /* near CTA */
  background-size:
    38px, 54px, 34px;

  /* ✨ Sparkle-only animations */
  animation:
    sparkle-twinkle 2.5s ease-in-out infinite,
    sparkle-pulse   3s   ease-in-out infinite,
    sparkle-float   16s  ease-in-out infinite;
  will-change: transform, opacity, filter;
}

/* ---------- Tablet (≤1024px) ---------- */
@media (max-width:1024px){
  .elementor-4971 .elementor-element.elementor-element-3c77217::before{
    background-size: 96px, 120px;
    background-position: 4% 14%, 44% 9%;
  }
  .elementor-4971 .elementor-element.elementor-element-3c77217::after{
    background-size: 34px, 30px, 28px;
    background-position: 54% 24%, 76% 40%, 84% 74%;
  }
}

/* ---------- Mobile (≤767px) ---------- */
@media (max-width:767px){
  .elementor-4971 .elementor-element.elementor-element-3c77217::before{
    background-size: 56px, 70px;
    background-position: 100% -5%, 8% 88%;
  }
  .elementor-4971 .elementor-element.elementor-element-3c77217::after{
    background-size: 28px, 26px, 34px;
    background-position: 82% 6%, 12% 54%, 89% 50%;
  }
}

/* ===== Sparkle keyframes (sparkles only) ===== */
@keyframes sparkle-twinkle{
  0%,100% { opacity: .55; filter: brightness(1); }
  50%     { opacity: 1;   filter: brightness(1.6); }
}
@keyframes sparkle-pulse{
  0%,100% { transform: scale(1); }
  50%     { transform: scale(1.12); }
}
@keyframes sparkle-float{
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-3px); }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .elementor-4971 .elementor-element.elementor-element-3c77217::after{ animation: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85985ac */.elementor-4971 .elementor-element.elementor-element-85985ac {
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    margin: 0 auto;
    max-width: 1400px;
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-4971 .elementor-section-wrap > div {
    margin-bottom: 20px; /* Adjust the value as needed for spacing */
}/* End custom CSS */