.elementor-2083 .elementor-element.elementor-element-50f85af{--display:flex;--min-height:100vh;--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;}.elementor-2083 .elementor-element.elementor-element-9dec949 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2083 .elementor-element.elementor-element-587e72c{--display:flex;}.elementor-2083 .elementor-element.elementor-element-0fe4e1c{--display:flex;}.elementor-2083 .elementor-element.elementor-element-48aad39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2083 .elementor-element.elementor-element-be6884b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-2083 .elementor-element.elementor-element-5a5c854{--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-2083 .elementor-element.elementor-element-5a5c854:not(.elementor-motion-effects-element-type-background), .elementor-2083 .elementor-element.elementor-element-5a5c854 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05396F;}.elementor-2083 .elementor-element.elementor-element-daef33e img{border-radius:20px 20px 20px 20px;}.elementor-2083 .elementor-element.elementor-element-d459121{--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-2083 .elementor-element.elementor-element-d459121:not(.elementor-motion-effects-element-type-background), .elementor-2083 .elementor-element.elementor-element-d459121 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEC109;}.elementor-2083 .elementor-element.elementor-element-cb27da9 img{border-radius:20px 20px 20px 20px;}.elementor-2083 .elementor-element.elementor-element-dc991c2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-2083 .elementor-element.elementor-element-3f2db96{--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-2083 .elementor-element.elementor-element-3f2db96:not(.elementor-motion-effects-element-type-background), .elementor-2083 .elementor-element.elementor-element-3f2db96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F62578;}.elementor-2083 .elementor-element.elementor-element-67b3e10 img{border-radius:20px 20px 20px 20px;}.elementor-2083 .elementor-element.elementor-element-dfb1390{--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-2083 .elementor-element.elementor-element-dfb1390:not(.elementor-motion-effects-element-type-background), .elementor-2083 .elementor-element.elementor-element-dfb1390 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00E091;}.elementor-2083 .elementor-element.elementor-element-b46ea37 img{border-radius:20px 20px 20px 20px;}.elementor-2083 .elementor-element.elementor-element-5d9fb8a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-2083 .elementor-element.elementor-element-74d86bf{--display:flex;--min-height:0px;--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-2083 .elementor-element.elementor-element-74d86bf:not(.elementor-motion-effects-element-type-background), .elementor-2083 .elementor-element.elementor-element-74d86bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9B51E0;}.elementor-2083 .elementor-element.elementor-element-97a8d40 img{border-radius:20px 20px 20px 20px;}.elementor-2083 .elementor-element.elementor-element-5ce36b2{--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-2083 .elementor-element.elementor-element-5ce36b2:not(.elementor-motion-effects-element-type-background), .elementor-2083 .elementor-element.elementor-element-5ce36b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF6B6B;}.elementor-2083 .elementor-element.elementor-element-e847384 img{border-radius:20px 20px 20px 20px;}.elementor-2083 .elementor-element.elementor-element-d7928cc{--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-2083 .elementor-element.elementor-element-d7928cc:not(.elementor-motion-effects-element-type-background), .elementor-2083 .elementor-element.elementor-element-d7928cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2C94C;}.elementor-2083 .elementor-element.elementor-element-45fa313 img{border-radius:20px 20px 20px 20px;}.elementor-2083 .elementor-element.elementor-element-b0abee2{--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-2083 .elementor-element.elementor-element-b0abee2:not(.elementor-motion-effects-element-type-background), .elementor-2083 .elementor-element.elementor-element-b0abee2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6FCF97;}.elementor-2083 .elementor-element.elementor-element-a245b53 img{border-radius:20px 20px 20px 20px;}@media(min-width:768px){.elementor-2083 .elementor-element.elementor-element-48aad39{--width:95%;}}@media(max-width:1024px){.elementor-2083 .elementor-element.elementor-element-50f85af{--min-height:30vh;}.elementor-2083 .elementor-element.elementor-element-48aad39{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-2083 .elementor-element.elementor-element-be6884b{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-2083 .elementor-element.elementor-element-dc991c2{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}}@media(max-width:767px){.elementor-2083 .elementor-element.elementor-element-50f85af{--min-height:4vh;}.elementor-2083 .elementor-element.elementor-element-48aad39{--width:95%;}.elementor-2083 .elementor-element.elementor-element-be6884b{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-2083 .elementor-element.elementor-element-dc991c2{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-2083 .elementor-element.elementor-element-5d9fb8a{--width:100%;--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:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-2083 .elementor-element.elementor-element-74d86bf{--width:49%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2083 .elementor-element.elementor-element-5ce36b2{--width:49%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2083 .elementor-element.elementor-element-d7928cc{--width:49%;}.elementor-2083 .elementor-element.elementor-element-b0abee2{--width:49%;}}/* Start custom CSS for html, class: .elementor-element-9dec949 *//* Fix: Ensure banner itself is static */
.clouds-banner {
    position: relative !important;  /* Forces the container to remain fixed */
    width: 100%;  
    height: 100vh;
   
    background-image: url('https://partyhiredirect.co.uk/wp-content/uploads/2025/03/dancing-background-scaled.webp'); 
    background-size: cover;       /* Ensures full coverage */
    background-position: center;  /* Centers the background */
    background-repeat: no-repeat; /* Prevents repeating */
    /*background-attachment: fixed; /* Optional: Locks background for a "parallax" effect */
    overflow: hidden !important;  /* Ensures content stays within the container */
    display: block !important;  /* Prevents any flex scrolling */
    transform: none !important;  /* Prevents Elementor or other styling from affecting position */
}

/* Each cloud layer (MOVING ELEMENTS) */
.clouds-layer-1, .clouds-layer-2, .clouds-layer-3 {
    position: absolute; /* Critical Fix */
    top: 0;
    left: 0;  /* Critical Fix: Prevents unwanted scrolling */
    width: 300%;  /* Triple width for seamless scrolling */
    height: 100%;
    background-repeat: repeat-x;
    background-size: contain;
}

.clouds-layer-4 {
    position: absolute; /* Critical Fix */
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%);  /* Perfect centering */
    width: 70%;  /* Adjust width as needed */
    height: 70%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; /* Ensures the content is centered */
}

/* Image 1 */
.clouds-layer-1 {
    background-image: url('https://partyhiredirect.co.uk/wp-content/uploads/2025/03/smoke1-scaled.webp');
    animation: moveCloudsLeft 600s linear infinite;
    opacity: 0.8;
    z-index: 8;
}

.clouds-layer-2 {
    background-image: url('https://partyhiredirect.co.uk/wp-content/uploads/2025/03/bubbles-scaled.webp');
    animation: 
        moveCloudsRight 900s linear infinite, /* Horizontal scroll */
        floatUp 20s ease-in-out infinite;      /* Smooth upward movement */
    opacity: 0.3;
    z-index: 9;
}

/* Image 3 */
.clouds-layer-3 {
    background-image: url('https://partyhiredirect.co.uk/wp-content/uploads/2025/03/party-dancing-scaled.webp');
    animation: moveCloudsLeft 900s linear infinite;
    opacity: 1;
    z-index: 10;
}

.clouds-layer-4 {
    background-image: url('http://bradleyross.co.uk/partyhire/wp-content/uploads/2025/03/logo.png');
    animation: moveCloudsLeft 600 linear infinite;
    opacity: 1;
    z-index: 11;
}


/* Duplicate layers for seamless looping */
.clouds-layer-1.duplicate,
.clouds-layer-2.duplicate,
.clouds-layer-3.duplicate
.clouds-layer-4.duplicate{
    left: 100%;  /* Key Fix for Smooth Transition */
}

/* Animation for Continuous Scroll */
@keyframes moveCloudsLeft {
    from { background-position: 0 0; }
    to { background-position: -200% 0; }  /* Increased distance ensures seamless looping */
}

@keyframes moveCloudsRight {
    from { background-position: -200% 0; }
    to { background-position: 0 0; }
}

@keyframes moveCloudsRightUp {
    from { background-position: -200% 0; transform: translateY(-50px); }
    to { background-position: 0 0; transform: translateY(-20px); } /* Moves Up by 20px */
}

@keyframes floatUp {
    0%, 100% { transform: translateY(0); }  /* Starting & ending point */
    50% { transform: translateY(-30px); }    /* Midpoint moves upward */
}



/* Mobile Optimization */
@media (max-width: 768px) {
    .clouds-banner {
        height: 300px;
    }

    .clouds-layer-4 {
        width: 90%;  /* Adjust width for mobile */
        height: 90%;  /* Adjust height for mobile */
    }
}    
    

    .clouds-layer-1,
    .clouds-layer-2,
    .clouds-layer-3,
    .clouds-layer-4,{
        width: 300%; /* Ensures seamless effect */
    }

    .banner-text h1 {
        font-size: 2rem;
    }

    .banner-text p {
        font-size: 1rem;
    }
}





body {
  overflow-x: hidden;
}

html {
  overflow-x: hidden;
}/* End custom CSS */