
/* section-form */
.section-form {
    --columns: 12;
    --columns-content: 7;
    --columns-image: calc(var(--columns) - var(--columns-content));
    --offset-block: var(--offset-main);
}
.section-form__wrapper {
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    align-items: stretch;
    gap: var(--offset-block);
}
.section-form__content {
    --gap: var(--offset-medium);
    
    grid-column: span var(--columns-content);
    padding: var(--offset-big);
    border-radius: var(--radius);
    background-color: var(--color-grey-08);
    backdrop-filter: var(--blur-medium);
    -webkit-backdrop-filter: var(--blur-medium);
    overflow: hidden;
}
.section-form__content .button-wrapper {
    min-width: 15rem;
}
.section-form__content .button {
    --btn-width: 15rem;
}
.section-form__image {
    grid-column: span var(--columns-image);
    border-radius: var(--radius);
    overflow: hidden;
}
.section-form__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 1023.5px) {
    .section-form {
        --columns-content: var(--columns);
        --columns-image: var(--columns);
        --offset-block: 0rem;

        --height-input: 3.5rem;
    }

    .section-form .input:not(select):focus ~ .field__caption, 
    .section-form .input:not(select):not(:placeholder-shown):not(.input-block) ~ .field__caption, 
    .section-form .field__caption-static {
        top: 0.5rem;
    }
    .section-form__content {
        --gap: var(--offset-secondary);
        
        padding: var(--offset-main) var(--offset-secondary) var(--offset-secondary);
        background-color: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .section-form__wrapper {
        background-color: var(--color-grey-08);
        backdrop-filter: var(--blur-medium);
        -webkit-backdrop-filter: var(--blur-medium);
        overflow: hidden;
    }
    .section-form__content .button {
        --size-btn: 3rem;
    }
    .section-form__title {
        padding-bottom: var(--offset-extrasmall);
    }
}