﻿.first-row {
    border-bottom: 1px solid var(--gray-300, #D0D5DD);
    background: #FFF;
    display: flex;
    height: 120px;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

    .first-row h6 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1 0 0;
        align-self: stretch;
        color: var(--gray-800, #1D2939);
        /* Headline/Large */
        font-family: var(--font-asap);
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px; /* 133.333% */
    }

.second-row {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

    .second-row label {
        align-self: stretch;
        color: var(--gray-800, #1D2939);
        font-family: var(--font-asap);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .second-row input {
        display: flex;
        height: 48px;
        padding: 12px 16px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid var(--gray-300, #D0D5DD);
        background: var(--gray-25, #FCFCFD);
    }

.dropdown-style {
    display: flex;
    height: 48px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}


.third-row {
    display: flex;
    height: 88px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-top: 1px solid var(--gray-300, #D0D5DD);
    background: #FFF;
}

    .third-row span {
        color: var(--base-white, #FFF);
        text-align: center;
        font-family: var(--font-asap);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
    }

.third-row-first-button {
    display: flex;
    height: 48px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--gray-500, #667085);
}

.third-row-second-button {
    display: flex;
    height: 48px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px;
    background: var(--primary-blue, #004987);
}
