.pure-bg-simple {
  background: linear-gradient(
    to bottom,
    #e3f9ff 0%,
    #d4f3ff 40%,
    #bdecff 70%,
    #a4e3ff 100%
  );
}

.pure-overh {
  overflow: hidden;
}

.pure-relative {
  position: relative;
}

.pure-sec-hero-1400 {

}


#pure-sec-hero-earth {

}

#pure-sec-hero-earth-text {

}

#pure-sec-hero {
  
}

#pure-sec-hero-abs-bottle {
  
}

/* Clouds */

.pure-hero-clouds-svg {
/* width: auto;
    height: 100vh;
    max-width: 100%; */
}

.pure-hero-clouds-svg {
    transform: translateY(-5vmin);
}


.pure-hero-clouds-svg g {
    transform-origin: center !important;
}

g.cloud-layer {
    transform: translateY(-10vmin);
}

g.cloud path {
    filter: drop-shadow(0px 0px 6px #88888822);
}


g.cloud.cloud-near-4 {
    transform: translate(20vmin, -15vmin);
    fill: #ffffff;
}

g.cloud-layer.layer-far {
    transform: translateY(-10vmin);
}

g.cloud-layer.layer-mid {
    transform: translateY(-15vmin);
}

g.cloud-layer.layer-near {
    transform: translateY(-12vmin);
}


/* Rain */

.pure-hero-rain-wrapper {
    height: 50vh;
}

canvas#rain-canvas {
    max-width: 60%;
    margin-right: 20%;
}


#pure-hero-sec-mount-just-water {
    width:100%;
    height:0;  /* این را انیمیت می‌کنیم */
    overflow:hidden;
}