.contact-section .section-content {
    display: grid;
    grid-template-columns: 2fr 3fr;
    column-gap: var(--spacing-default);
    row-gap: 0;

    @media (max-width: 960px) {
        grid-template-columns: 1fr !important;
    }
}

.contact-section .img-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    overflow: visible;

    @media (max-width: 960px) {
        display: none;
    }
}

.contact-section .hero-img {
    aspect-ratio: 1;
    overflow: hidden;
    object-fit: cover;
    width: 23rem;
}

.contact-section .blob-background {
    width: 19rem;
    rotate: 25deg;
}

.blob-mask {
    -webkit-mask-image: url(/images/blob-mask.svg);
    mask-image: url(/images/blob-mask.svg);
    mask-repeat: no-repeat;
    object-fit: cover;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.contact-section .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    column-gap: 0;
    row-gap: 0;
}

.contact-section .content h2 {
    margin-top: 0;
    text-align: center;
    max-width: 60ch;
}

.contact-section .content .text-wrapper p {
    text-align: center;
    max-width: 65ch;
}

.contact-section .content .button-wrapper {
    margin-top: 1rem;
}

.contact-section .content .form-container {
    background: var(--pale);
    border-radius: var(--border-radius-default);
    width: 100%;
    margin-top: 2rem;
    padding: 1.7rem 4rem 1.7rem 1.7rem;
    overflow: hidden;
    position: relative;
}

.contact-section .fluent-forms .ff-default .ff-el-input--label label {
    font-size: var(--font-size-small);
    color: var(--black);
    font-family: var(--font-family-heading);
    font-weight: 500;
}

.contact-section .fluent-forms .ff-default .ff-el-form-control {
    border: none;
    background: var(--light);
    font-family: var(--font-family-heading);
    font-weight: 300;
}

.contact-section .fluent-forms input[type="checkbox"],
input[type="radio"] {
    border-color: var(--dark);
    width: 22px;
    height: 22px;
    margin-right: 1rem;
}

.contact-section .fluent-forms input[type="checkbox"]:after,
input[type="radio"]:after {
    width: 22px;
    height: 22px;
}

.fluentform .ff-el-tc label.ff_tc_label>div,
.fluentform .ff-el-tc label.ff_tc_label>span {
    opacity: .7;
    font-size: var(--font-size-small);
}

.fluentform .ff_upload_btn.ff-btn {
    background: var(--black);
    transition: .2s;
    border-radius: var(--border-radius-small);
    font-size: var(--font-size-tiny);
    font-weight: var(--font-weight-bold);
    padding: 5rem !important;
    background: var(--color-1);
}

.contact-section .illustration-tr {
    top: -.5rem;
    right: -2rem;
}

@media (max-width: 800px) {
    .contact-section .illustration-tl {
        top: -7rem;
        left: -5rem;
    }

    .contact-section .illustration-tr {
        top: -4rem;
        right: -5rem;
    }

    .contact-section .illustration-bl {
        bottom: -5rem;
        left: -5rem;
    }
}