/* =====================================
   VV CAREP PROJECT
===================================== */

/* HERO */

.vvcarep-project .project-hero-gradient {
  background:
    radial-gradient(
      ellipse at 85% 85%,
      rgba(125, 201, 235, 0.95),
      transparent 48%
    ),
    radial-gradient(
      ellipse at 45% 100%,
      rgba(93, 211, 198, 0.85),
      transparent 48%
    ),
    radial-gradient(
      ellipse at 15% 65%,
      rgba(24, 114, 165, 0.85),
      transparent 48%
    ),
    radial-gradient(
      ellipse at 80% 10%,
      rgba(16, 30, 78, 0.95),
      transparent 60%
    ),
    #071015;
}

/* ACCENTEN */

.vvcarep-project .project-intro h2 span,
.vvcarep-project .project-features .section-heading h2 span {
  color: #80d8d0;
}

.vvcarep-project .feature-number {
  color: #80d8d0;
}

/* FEATURE HOVER */

.vvcarep-project .project-feature:hover {
  background: #80d8d0;
  color: #081a1a;
}

.vvcarep-project .project-feature:hover .feature-number {
  color: #081a1a;
}

.vvcarep-project .project-feature:hover p {
  color: #244443;
}

/* SHOWCASE */

.vvcarep-project .project-image-wrapper {
  background: linear-gradient(135deg, #164c78, #80d8d0);
}

/* CTA */

.vvcarep-project .project-cta-gradient {
  background:
    radial-gradient(
      ellipse at 90% 100%,
      rgba(125, 201, 235, 0.95),
      transparent 50%
    ),
    radial-gradient(
      ellipse at 50% 80%,
      rgba(93, 211, 198, 0.85),
      transparent 55%
    ),
    radial-gradient(
      ellipse at 80% 20%,
      rgba(24, 114, 165, 0.75),
      transparent 60%
    );
}

.vvcarep-project .project-cta-button:hover {
  background: #80d8d0;
}

/* RESPONSIVE */

@media (max-width: 768px) {
  .vvcarep-project .project-hero h1 {
    font-size: clamp(55px, 12vw, 85px);
  }
}