.elementor-430 .elementor-element.elementor-element-6dd9bba{--display:flex;--min-height:400px;--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;--overlay-opacity:0.5;--z-index:1;}.elementor-430 .elementor-element.elementor-element-6dd9bba:not(.elementor-motion-effects-element-type-background), .elementor-430 .elementor-element.elementor-element-6dd9bba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://alellaindustrial.cat/wp-content/uploads/2026/06/Alella-piscines-home.webp");background-position:center center;background-size:cover;}.elementor-430 .elementor-element.elementor-element-6dd9bba::before, .elementor-430 .elementor-element.elementor-element-6dd9bba > .elementor-background-video-container::before, .elementor-430 .elementor-element.elementor-element-6dd9bba > .e-con-inner > .elementor-background-video-container::before, .elementor-430 .elementor-element.elementor-element-6dd9bba > .elementor-background-slideshow::before, .elementor-430 .elementor-element.elementor-element-6dd9bba > .e-con-inner > .elementor-background-slideshow::before, .elementor-430 .elementor-element.elementor-element-6dd9bba > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-430 .elementor-element.elementor-element-5eb7598{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 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-430 .elementor-element.elementor-element-a3362a1{text-align:center;}.elementor-430 .elementor-element.elementor-element-a3362a1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-430 .elementor-element.elementor-element-f21ccfd{--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:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-430 .elementor-element.elementor-element-adfd33c{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}@media(min-width:768px){.elementor-430 .elementor-element.elementor-element-5eb7598{--width:100%;}}@media(max-width:1024px){.elementor-430 .elementor-element.elementor-element-6dd9bba{--min-height:335px;}.elementor-430 .elementor-element.elementor-element-a3362a1 .elementor-heading-title{font-size:29px;}.elementor-430 .elementor-element.elementor-element-f21ccfd{--margin-top:-93px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-430 .elementor-element.elementor-element-6dd9bba{--min-height:226px;}.elementor-430 .elementor-element.elementor-element-5eb7598{--justify-content:flex-start;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-430 .elementor-element.elementor-element-a3362a1{text-align:center;}.elementor-430 .elementor-element.elementor-element-a3362a1 .elementor-heading-title{font-size:24px;}}/* Start custom CSS for html, class: .elementor-element-c4a3529 */@keyframes move-forever{
        0% {
            transform: translate3d(-90px, 0, 0);
        }
        100% {
            transform: translate3d(85px, 0, 0);
        }
    }
    
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
.parallax > use {
    animation: move-forever 25s cubic-bezier(.40,.5,.35,.5) infinite;
}
.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
}
@media screen and (max-width: 1440px) {
    .banner-con .waves {
        max-height: 100px;
    }
}
@media screen and (max-width: 1600px) {
    .banner-con .waves {
        max-height: 130px;
    }
}/* End custom CSS */