.elementor-79 .elementor-element.elementor-element-5351bc5{--display:flex;--position:fixed;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-79 .elementor-element.elementor-element-5351bc5{left:0px;}body.rtl .elementor-79 .elementor-element.elementor-element-5351bc5{right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-878d33f *//* Start of Parallax */

.parallax_holder {
        resize: both;
    overflow: auto;
    transform: scale(1.2);
}
.bg_container {
    position: relative;
    overflow: hidden !important;
}



.scene {
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 100%;
    z-index: -100;
        background-image: url('/wp-content/uploads/2023/09/Altare-web-bg.jpg');
        background-size: 100%;
}

.sun2 {

    margin: 0 auto;
    


}

.sun1 {
    scale: 114% !important;
opacity: 0.5;

    overflow: visible !important;
      left: 2% !important;

}

.sun1_b img {
    scale: 120% !important;
    left: 2% !important;
    top: -2% !important;
    width: -100% !important;
    overflow: visible !important;
    transform: scaleX(-1) !important;
    margin-left: 100%;
    opacity: 0.2;
}

.sun1_c img  {
   opacity: 0.6;
   margin: 0 auto !important;
    scale: 130% !important;
    left: 4% !important;
    top: -2% !important;

}

.sun1_c  {

   margin: 0 auto;
       left: 6% !important;
    top: -2% !important;
    scale: 130% !important;
}



.whitening {
    width: 150%;
    height: 150%;
    left: -5% !important;
    top: -5% !important;
    background-color: rgba(6, 0, 67, 0.3);
}


@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.wave {
  animation: rise-down 2s ease-in-out infinite;
  overflow: visible;
  width: 105%;
  left: -2% !important;
  top: 3% !important;
}

.wave2 {
  animation: rise-down 3s ease-in-out infinite;
    width: 105%;
  left: -2% !important;
  top: 2% !important;
}

@keyframes rise-down {
  50% {
    transform: translateY(-10px);
  }
}

.undine {   
    transform: perspective(1920px) rotateY(0deg) scale(1);
    transform-origin: center center;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    right: -10%;/* Change timing function as per required swing effect */
}

.cloud_1 { 
    
    left: -40% !important;
    top: -10% !important;
}

@media only screen and (max-width: 1320px) {
.sun {
  width: 50%;
  top: -10%;

}

.logos img {
    transform: scale(1.3);
    margin: 0 auto;
}

}

@media only screen and (max-width: 768px) {
    .parallax_holder { 
        width: 100%;
    height: 100%;
    min-height: 1392px !important;
    position: fixed;

    overflow-x: hidden !important;
    overflow-y: hidden !important;
    z-index: -100;
        background-image: url('https://dianasos.lucidcanvas.com/wp-content/uploads/2024/02/mobile-bg.jpg');
       background-position: center; 
       background-repeat: no-repeat;
       background-size: 768px 1392px;
    }
.bg_container { 
    display: none;
}
}

/* End of Parallax *//* End custom CSS */