body{
  overflow-x:hidden;
}
.section{
  width:100%;
  height:100vh;
  background-color:transparent;
  position:relative;  
}

.floating-bg{
  width:150vw;
  height:100vw;
  background-color:white;
  opacity:0.7;
  position:absolute;
  top:70%;
  left:calc(50% - 75vw);
  border-radius:45%;
  animation:rotate 30s infinite;
  z-index:10;
}

.floating-bg::before{
  content:"";
  width:100%;
  height:100%;
  background:rgba(4, 26, 114, 0.50);
  position:absolute;
  bottom: 0;
  left:0;
  border-radius: 40%;
  animation: rotate 30s infinite;
}


.section{
  width:100%;
  height:100vh;
  background-color:transparent;
  position:relative;  
}

.floating-bg2{
  width:150vw;
  height:125vw;
  background-color:white;
  opacity:0.7;
  position:absolute;
  top:60%;
  left:calc(50% - 75vw);
  border-radius:45%;
  animation:rotate 30s infinite;
  z-index:10;
}

.floating-bg2::before{
  content:"";
  width:100%;
  height:100%;
  background:#041A72;
  position:absolute;
  bottom: 0;
  left:0;
  border-radius: 40%;
  animation: rotate 30s infinite;
}


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

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

@media all and (max-width: 959px){
	
}