/* Start custom CSS for html, class: .elementor-element-652c66b *//* ========== CTA WRAPPER ========== */

.va-cta {
  padding: 50px 0;
}

.va-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

  display: flex;
  flex-direction: column;      /* alles onder elkaar */
  align-items: center;         /* horizontaal centreren */
  text-align: center;          /* tekst centeren */
  gap: 22px;
}

/* ========== RONDE FOTO MET DUNNE GRADIENT RING ========== */

.va-cta-photo {
  width: 110px !important;
  height: 110px !important;
  border-radius: 50% !important; 
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;

  padding: 3px !important;    
  background: linear-gradient(
    135deg,
    #ff7fb2,
    #ffadc9,
    #ffd9ea
  ) !important;

  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

/* ========== TITEL EN TEKST ========== */

.va-cta h3 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.5rem;
  margin-bottom: 8px;
  color: #0b1530;
}

.va-cta p {
  font-family: "Inter Tight", sans-serif;
  color: #1f2432;
  margin-bottom: 14px;
  line-height: 1.5;
  max-width: 520px;
}

/* ========== CTA-LINKS ========== */

.va-cta-links {
  display: flex;
  justify-content: center;     /* centreren van knoppen */
  flex-wrap: wrap;
  gap: 12px;
}

.va-cta-links a {
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,0.9);
  color: #0b1530;
  text-decoration: none;
  font-size: 0.95rem;
  font-family: "Inter Tight", sans-serif;
  border: 1px solid rgba(0,0,0,0.1);
  transition: 0.2s ease;
}

.va-cta-links a:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

/* ========== MOBIEL ========== */

@media (max-width: 720px) {
  .va-cta-photo {
    width: 90px !important;
    height: 90px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-761ecd1 */<style>

  /* Zelfde container breedte als hero */
  .container {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 60px;
    position:relative;
  }

  /* FOOTER – transparant */
  .va-footer {
    padding:60px 0 30px;
    color:#fff;
    font-family:"Inter Tight",sans-serif;
    background:transparent;
  }

  .va-footer-inner {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:40px;
    margin-bottom:40px;
  }

  .va-footer-col h4 {
    font-family:"Space Grotesk",sans-serif;
    font-size:1.2rem;      /* kleiner */
    font-weight:600;
    margin-bottom:14px;
    color:#fff;
  }

  .va-footer-col p {
    font-size:0.85rem;     /* kleiner */
    line-height:1.55;
    opacity:0.85;
  }

  .va-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:6px;
    vertical-align:middle;
  }

  .va-footer-links {
    list-style:none;
    padding:0;
    margin:0;
  }

  .va-footer-links li {
    margin-bottom:8px;
  }

  .va-footer-links a {
    color:#fff;
    text-decoration:none;
    opacity:0.85;
    transition:opacity .2s ease;
    font-size:0.85rem;     /* kleiner */
  }

  .va-footer-links a:hover {
    opacity:1;
  }

  .va-footer-bottom {
    border-top:1px solid rgba(255,255,255,0.15);
    padding-top:18px;
    text-align:center;
  }

  .va-footer-bottom p {
    font-size:0.78rem;    /* kleiner */
    opacity:0.7;
    margin:0;
    line-height:1.4;
  }

  @media(max-width:899px){
    .container {
      padding:0 28px;
    }
  }

</style>/* End custom CSS */