.elementor-14 .elementor-element.elementor-element-ab95047{--display:flex;--min-height:300px;--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;--overflow:hidden;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:162px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-ab95047:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-ab95047 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:var(--wpr-bg-72d407af-ba5f-4b9c-bad5-c614c669cb4b);background-position:center center;background-size:cover;}.elementor-14 .elementor-element.elementor-element-ab95047::before, .elementor-14 .elementor-element.elementor-element-ab95047 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-ab95047 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-ab95047 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-ab95047 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-ab95047 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-accent ) 17%, #F2295B00 100%);}.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-14 .elementor-element.elementor-element-3657de5.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-3657de5 .elementor-heading-title{font-family:"Loos", Sans-serif;font-size:29px;font-weight:600;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-e6eb16e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-ab95047{--padding-top:160px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-14 .elementor-element.elementor-element-3657de5 .elementor-heading-title{font-size:21px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-3657de5 .elementor-heading-title{font-size:17px;}}/* Start custom CSS for heading, class: .elementor-element-3657de5 *//* 1. Shrink the container to the text width */ .elementor-14 .elementor-element.elementor-element-3657de5 .elementor-widget-container { display: inline-block; width: auto; } /* 2. Style the heading and add the SVG underneath */ .elementor-14 .elementor-element.elementor-element-3657de5 .elementor-heading-title { display: inline-block; margin-bottom: 0; position: relative; padding-bottom: 25px; /* Space for the SVG to sit in */ } /* 3. The SVG logic */ .elementor-14 .elementor-element.elementor-element-3657de5 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; /* Matches text width */ height: 20px; /* Adjust this to make waves larger/smaller without distortion */ /* Your SVG */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189.18 56.67'%3E%3Cpath fill='%2300AAEF' d='M157.77,28c-10.39,0-15.75-5.42-20.05-9.78C134,14.48,131.6,12,126.22,12s-7.82,2.48-11.51,6.22c-4.3,4.36-9.65,9.78-20,9.78s-15.75-5.42-20-9.78C71,14.48,68.59,12,63.21,12s-7.82,2.48-11.51,6.22C47.4,22.58,42.05,28,31.7,28S16,22.58,11.7,18.22C7.81,14.48,5.38,12,0,12V0C10.4,0,15.75,5.43,20.05,9.79,23.74,13.53,26.17,16,31.55,16s7.82-2.47,11.51-6.21C47.36,5.43,52.71,0,63.06,0s15.75,5.43,20,9.79C86.75,13.53,89.18,16,94.56,16s7.82-2.47,11.51-6.21c4.3-4.36,9.65-9.79,20-9.79s15.75,5.43,20.05,9.79c3.69,3.74,6.13,6.21,11.5,6.21s7.82-2.47,11.51-6.21C173.43,5.43,178.78,0,189.18,0V12c-5.38,0-7.81,2.48-11.5,6.22C173.53,22.58,168.17,28,157.77,28ZM157.77,56.67c-10.39,0-15.75-5.43-20.05-9.79-3.69-3.74-6.12-6.21-11.5-6.21s-7.82,2.47-11.51,6.21c-4.3,4.36-9.65,9.79-20,9.79s-15.75-5.43-20-9.79c-3.69-3.74-6.12-6.21-11.5-6.21s-7.82,2.47-11.51,6.21c-4.3,4.36-9.65,9.79-20,9.79S16,51.24,11.7,46.88C7.81,43.14,5.38,40.67,0,40.67v-12c10.4,0,15.75,5.43,20.05,9.79,3.69,3.74,6.12,6.21,11.5,6.21s7.82-2.47,11.51-6.21c4.3-4.36,9.65-9.79,20-9.79s15.75,5.43,20,9.79c3.69,3.74,6.12,6.21,11.5,6.21s7.82-2.47,11.51-6.21c4.3-4.36,9.65-9.79,20-9.79s15.75,5.43,20.05,9.79c3.69,3.74,6.13,6.21,11.5,6.21s7.82-2.47,11.51-6.21c4.3-4.36,9.65-9.79,20.05-9.79v12c-5.38,0-7.81,2.47-11.5,6.21C173.53,51.24,168.17,56.67,157.77,56.67Z' /%3E%3C/svg%3E"); background-repeat: repeat-x; /* Repeats horizontally without stretching */ background-size: auto 100%; /* Maintains height and proportion */ background-position: center; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ab95047 */.elementor-14 .elementor-element.elementor-element-ab95047 { /* 1. Create space at the bottom for the shape */ padding-bottom: 52px; /* 2. Define the shape */ --mask-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 247.65 51.58'%3E%3Cpath d='M0,0H2.25c1,0,2,0,3,0,7.53.22,13.51,3.22,17.51,9.76L39.21,36.63c1,1.7,2.11,3.39,3.16,5.1,3.66,6,8.93,9.28,16,9.6,2.16.1,4.32.24,6.49.24q77,0,154,0c3.83,0,7.67-.22,11.48-.57,9.6-.88,16.22-7.55,17-17.21.34-4.48.34-9,.35-13.49,0-17.16,0-3,0-20.2'/%3E%3C/svg%3E"); /* 3. Set up the two mask parts */ -webkit-mask-image: linear-gradient(#000, #000), /* The Rectangle (Top) */ var(--mask-shape); /* The Curve (Bottom Right) */ mask-image: linear-gradient(#000, #000), var(--mask-shape); /* 4. Position them */ -webkit-mask-position: top left, bottom right; mask-position: top left, bottom right; /* 5. PERFECT SIZING FIX */ /* We stop the rectangle exactly at 51.5px from the bottom. This allows a tiny 0.5px overlap with the SVG to prevent white gaps, but prevents the "step" glitch. */ -webkit-mask-size: 100% calc(100% - 51.5px), 248px 52px; mask-size: 100% calc(100% - 50.5px), 238px 52px; /* 6. No repeating */ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; /* Ensure visibility */ overflow: visible; } @media (max-width:800px){ .elementor-14 .elementor-element.elementor-element-ab95047{ mask-size: 100% calc(100% - 50.5px), 158px 69px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Loos'; font-style: normal; font-weight: normal; font-display: auto; src: url(https://georgianaquatics.com/wp-content/uploads/2026/02/LoosNormal-Regular.woff2) format('woff2'); } @font-face { font-family: 'Loos'; font-style: normal; font-weight: bold; font-display: auto; src: url(https://georgianaquatics.com/wp-content/uploads/2026/02/LoosNormal-Bold.woff2) format('woff2'); } /* End Custom Fonts CSS */