.elementor-widget.elementor-widget-rs-rain-animates {
position: static;
margin: 0px !important;
}
.rs-rain-animate {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
margin: auto;
width: 100%;
pointer-events: none;
overflow: hidden;
z-index: 0;
display: flex;
justify-content: space-between;
}
.rs-rain-animate .line {
position: relative;
width: 1px;
height: 100%;
top: 0;
background: #F6F7F9;
z-index: 1;
}
.rs-rain-animate .line:after {
content: "";
display: block;
position: absolute;
height: 80px;
width: 3px;
top: -20%;
left: -1px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 39%, #8366E3 130%, #8366E3 59%);
animation: rain-line 13s 0s linear infinite;
}
.rs-rain-animate .line:first-child {
left: 2px;
}
.rs-rain-animate .line:last-child {
right: 2px;
}
.rs-rain-animate .line:nth-child(2):after {
animation-delay: 1.5s;
}
.rs-rain-animate .line:nth-child(3):after {
animation-delay: 2s;
}
.rs-rain-animate .line:nth-child(4):after {
animation-delay: 2.5s;
}
.rs-rain-animate .line:nth-child(5):after {
animation-delay: 3s;
}
@media only screen and (max-width: 1024px) {
.rs-rain-animate .line:nth-child(5) {
display: none;
}
}
@media only screen and (max-width: 480px) {
.rs-rain-animate .line:nth-child(4) {
display: none;
}
} @keyframes rain-line {
0% {
top: -20%;
}
100% {
top: 100%;
}
}