.fs-form-grid {
    @drupal-breakpoint wide_1x {
        display: grid;
        grid-gap: 20px; /* Adds spacing between rows */
    }
    h3.a-title--no-mt {
        margin-top: 0;
    }
}

.grid-row {
    grid-gap: 15px; /* Adds spacing between columns */
}

.grid-item {
    padding: 10px;
}

/* Specific styling for different rows */
.grid-row {
    &.initial-data {
        display: grid;
        max-width: 1100px;
        justify-content: space-between;
        grid-template-columns: 168px 333px 333px 168px;
        margin-top: 24px;

        @media screen and (max-width: 1023px) {
            max-width: none;
            grid-template-columns: 100%;
        }

        .form-item {
            .description {
                text-align: right;
                margin-top: 4px;
            }
        }
    }

    &.application-data {
        display: grid;
        max-width: 1100px;
        justify-content: space-between;
        grid-template-columns: repeat(5, 168px);
        margin-top: 24px;

        @media screen and (max-width: 1023px) {
            max-width: none;
            grid-template-columns: 100%;
        }

        .form-item {
            .description {
                text-align: right;
                margin-top: 4px;
            }
        }
    }

    &.verify-data {
        .form-submit {
            margin-inline: 0;
        }
    }
}

.grid-row:nth-child(5) {
    grid-template-columns: max-content; /* Submit button should take the full row */
    padding: 20px 0;
}

div[data-state]:not([data-state="intermediate_1"]) {
    display: none;
}


.fs-result-wrapper {
    .m-block__content--two-column {
        grid-template-columns: 1fr auto;

        @media screen and (max-width: 1023px) {
            grid-template-columns: 1fr;
            grid-gap: var(--vertical--spacing--xl);
        }
    }

    .m-block__second--two-column {
        display: flex;
        gap: 20px;

        @media screen and (max-width: 1023px) {
            gap: 16px;

            .a-button__content {
                padding-inline: 0.75rem;
                font-size: var(--font-size--xs1);
            }
        }

    }
    padding-bottom : 2.5rem;
}

.a-checkbox--from-radios {
    .form-type-radio {
        label::before {
            border-radius: 0;
        }

        input:checked + label::before {
            border: solid 1px var(--color-primary-orange);
            background-color: var(--color-white);
            background-image: url('data:image/svg+xml;utf8,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4.5L5.5 9L13.5 1" stroke="rgb(229, 83, 26)" stroke-width="2"/></svg>');
            background-repeat: no-repeat;
            background-position: center center;
        }
    }
}