.call-to-action {
  padding: 80px 0;
  position: relative;
  clip-path: inset(0);
}

.call-to-action .container {
  position: relative;
  z-index: 3;
}

.call-to-action h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.call-to-action p {
  color:#fff;
}

.call-to-action .cta-btn {
  font-family: var(--heading-font);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  background: #800040;
  color: #fff;
}

.call-to-action .cta-btn:hover {
  background: color-mix(in srgb, #999999 90%, white 15%);
}


section, .section {
    color: var(--default-color);
    background-color: #666;
    padding: 60px 0;
    scroll-margin-top: 77px;
    overflow: clip;
}