.glow-boxes-container {
	z-index: 0;
}

.glow-box {
	position: relative;
}

.glow-box::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  background: #fff;
  z-index: -1;
}

.glow-box::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  background: #fff;
  z-index: -2;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}

.glow-box::before, .glow-box::after {
  background: linear-gradient(135deg, #7E9C93, #1a1a1a, #76B9BE);
}

.glow-box:nth-child(2)::before, .glow-box:nth-child(2)::after {
  background: linear-gradient(135deg, #76B9BE, #1a1a1a, #D6677D);
}

.glow-box:nth-child(3)::before, .glow-box:nth-child(3)::after {
  background: linear-gradient(135deg, #D6677D, #1a1a1a, #7E9C93);
}

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

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

@keyframes rotate-back-animation {
    0% {
        transform: rotate(360deg);
    }

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

.wave-box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 320px;
	height: 100%;
}

.wave-box span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
	transition: all .5s;
}

.wave-box.box1 span {
	border: 1px solid #0F5A5F;
}

.wave-box.box1:hover span {
	background: #0F5A5F1a;
}

.wave-box.box2 span {
	border: 1px solid #7E9C93;
}

.wave-box.box2:hover span {
	background: #7E9C931a;
}

.wave-box.box3 span {
	border: 1px solid #C0546A;
}

.wave-box.box3:hover span {
	background: #C0546A1a;
}

.wave-box.box4 span {
	border: 1px solid #387A83;
}

.wave-box.box4:hover span {
	background: #387A831a;
}

.wave-box span:nth-child(1) {
	animation: rotate-animation 6s linear infinite;
}

.wave-box span:nth-child(2) {
	animation: rotate-animation 4s linear infinite;
}

.wave-box span:nth-child(3) {
	animation: rotate-back-animation 10s linear infinite;
}

.wave-box .content {
	padding: 54px;
	color: #7a7a7a;
}

.wave-box .content h3 {
	color: #e0e0e0;
	font-size: 22px;
}