.elementor-8533 .elementor-element.elementor-element-6df2627{--display:flex;--min-height:100vh;}@media(min-width:768px){.elementor-8533 .elementor-element.elementor-element-6df2627{--width:100vw;}}/* Start custom CSS for container, class: .elementor-element-6df2627 */@keyframes pulsate {
    0% {transform: scale(0.6, 0.6); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1, 1); opacity: 0.0;}
}
@keyframes heart-pulse {
    0% {transform: scale(0.75, 0.75);}
    30% {transform: scale(1, 1);}
}

.pulse-base1 {  
  position: relative;
  height: 378px;
  width: 360px;
}

 .pulse-base1:before {
   content:"";
   border: 1px solid rgba(255,255,255,0.3);
   border-radius: 50%;
   height: 360px;
   width: 360px;
   position: absolute;
   left: -15px;
   bottom: 35px;
   animation: pulsate 1.6s ease-out;
   animation-iteration-count: infinite; 
   opacity: 0.0;
   z-index: 99;
 }


h1{
  text-align: center;
  margin-top: 50px;
}

.waterbody{
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100vh;
            background-image: linear-gradient(104deg, #016D83 0%, #001F3F 64%);
            display: flex;
            justify-content: center;
            align-items: center;
            }
        .water{
            margin:60px;
            width:200px;
            height: 200px;
         
            background-color: #0bbbff;
            border-radius: 50%;
            position: relative;
            box-shadow: inset 0 0 30px 0 rgba(0,0,0,.5), 0 4px 10px 0 rgba(0,0,0,.5);
            overflow: hidden;
        }

        .water:before, .water:after{
            content:'';
            position: absolute;
            width:220px;
            height: 200px;
            top:-150px;
            background-color: #fff;
        }
        .water:before{
            border-radius: 45%;
            background:rgba(255,255,255,.7);
            animation:wave 5s linear infinite;
        }
        .water:after{
            border-radius: 35%;
            background:rgba(255,255,255,.3);
            animation:wave 5s linear infinite;
        }
        @keyframes wave{
            0%{
                transform: rotate(0);
            }
            100%{
                transform: rotate(360deg);
            }
        }/* End custom CSS */