.flex-content.contact-banner {
    padding: 4rem 0;
}

.flex-content.contact-banner div {
    scroll-margin-top: 90px;
}


.flex-content.contact-banner .card {
    --bs-card-border-radius: 1rem;
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 2rem;
}

.flex-content.contact-banner .icon-wrap {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255, 247, 235);
    border-radius: var(--bs-border-radius-lg);
}
.flex-content.contact-banner .form-wrap .icon-wrap {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1.5rem;
}
.flex-content.contact-banner .icon-wrap svg {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    color: var(--accent);
}
.flex-content.contact-banner .form-wrap .icon-wrap svg {
    width: 1.75rem;
    height: 1.75rem;
}

.flex-content.contact-banner .items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.flex-content.contact-banner .item .card {
    --bs-card-border-radius: .75rem;
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.flex-content.contact-banner .item a.card:hover {
    --bs-card-border-color: rgba(245, 151, 20, 0.5);
    --bs-card-bg: rgba(255, 247, 235, 0.5);
}
.flex-content.contact-banner .item a.card:hover h4,
.flex-content.contact-banner .item a.card:hover svg {
    color: var(--accent);
}
.flex-content.contact-banner .item .card-body {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.flex-content.contact-banner .item .link svg {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 575px) {
    .flex-content.contact-banner .item .card-body .link {
        display: none;
    }
}