/*
.calltoaction {
    width: 100%;
    min-height: 60dvh;
    height: 100%;
    background: rgb(var(--secondary));
    background-size: cover;
    background-position: center;
    position: relative;
}
.calltoaction .background-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.calltoaction .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--secondary), 0.6);
    color: rgb(var(--primary));
    padding-inline: 5em;
    padding-block: 2.5em;
}

@media (max-width: 650px) {
    .calltoaction .overlay {
        padding-inline: 2em;
        padding-block: 1em;
    }
}


.calltoaction {
    position: relative;
    background-size: cover;
}

.calltoaction:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    overflow-y: auto;
}

.content {
    position: absolute;

    top: 50%;
    left: 50%;
    /*transform: translate(-50%, -50%);*

    padding: 20px;
    color: rgb(var(--primary));
}
*/
.cta-block {
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
}

.cta-content {
  width: 100%;
  padding: 5dvw;
  background-color:  rgba(255, 255, 255, 0.8);
}