#recen {
  border: 1px solid rgba(255, 255, 255, 1);
  background: transparent;
  border-radius: 88px;
  margin-bottom: -10vh;
  padding-bottom: 0;
  max-width: 1200px;
  overflow: hidden;
  transform: scale(0.9);
}

#recen .row {
  max-width: 1100px;
  margin: auto;
  width: 82%;
}
.endzone {
  background-image: url("/gfx/www.svg");
  height: 100vh;
  width: 100vw;
  background-color: #111;
  background-position: 50% 0%;
}
#cta .card:hover .card-body {
  transform: scale(1);
  transition: 0.5s ease-in;
}

.card {
  background: #1e1d1d;
  border-radius: 10px;
  background: rgb(80, 80, 80);
  background: linear-gradient(rgba(80, 80, 80, 0.27), rgba(0, 0, 0, 1));
  background: linear-gradient(rgba(18, 18, 18, 1), rgba(0, 0, 0, 1));
  transition: 0.75s ease;
}
.card:hover {
  background: linear-gradient(rgba(80, 80, 80, 0.27), rgba(80, 80, 80, 0.27));
}
.card .card-body  {
  transition: 0.5s ease-in;
}
.card:hover .card-body {
  transform: scale(1.025);
  transition: 0.5s ease-in;
}
#cta {
  margin-bottom: 0 !important;
}

#listings {
  position: relative;
  width: 100%;
  max-width: none;
}
#listings span {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background: #fff;
  animation: animate 5s linear infinite;
}

@keyframes animate {
  0% {
    transform: scale(0) translateY(0) rotate(0deg);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: scale(1) translateY(-500%) rotate(360deg);
    opacity: 0;
  }
}

#cta {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

#listings {
  max-width: none;
  width: 100%;
  /* height: 100%; */
  position: relative;
  margin-bottom: 0;
}

#concon p {
  opacity: 1;
}

.testicard p {
  font-size: 30.5px;
}