/*
 Theme Name:   Hello Elementor Child
 Description:  Child theme for Hello Elementor
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

.hp-banner{
	position: relative;	
}
.hp-banner .e-con-inner{
	position: relative;
}
.hp-banner .elementor-widget-image{
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}
.hp-banner_image2{
    border-radius: 48% 52% 68% 32% / 42% 28% 72% 58% !important;
    overflow: hidden;
}

.hp-banner .waves_container{
	position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 140px;
    z-index: 2;
}
.hp-banner .waves .wave{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,50 Q300,0 600,50 T1200,50 L1200,120 L0,120 Z" fill="%23F5F1E8" opacity="0.3"/></svg>') repeat-x;
    animation: wave 25s linear infinite;
}
.hp-banner .waves .wave:nth-child(2) {
    animation: wave 20s linear infinite reverse;
    opacity: 0.5;
}
.hp-banner .waves .wave:nth-child(3) {
    animation: wave 30s linear infinite;
    opacity: 0.8;
}
@keyframes wave {
  from {transform: translateX(0);}
  to {transform: translateX(-50%);}
}

@media (max-width: 768px){
	.hp-banner .waves_container{
		height: 85px;
	}
}