.data-collection.vertical-yellow-vector .ez.slide.ez.slide {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
width: 100% !important;

column-count: 1 !important;
column-gap: 0 !important;
columns: auto 1 !important;

grid-template-columns: 1fr !important;
grid-auto-flow: row !important;
gap: 8px !important;
}

.data-collection.vertical-yellow-vector .ez.slide.ez.slide .field {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;

float: none !important;
clear: both !important;

flex: 0 0 100% !important;
align-self: stretch !important;

grid-column: 1 / -1 !important;
}

.data-collection.vertical-yellow-vector .ez.slide.ez.slide .field input,
.data-collection.vertical-yellow-vector .ez.slide.ez.slide .field select,
.data-collection.vertical-yellow-vector .ez.slide.ez.slide .field textarea,
.data-collection.vertical-yellow-vector .ez.slide.ez.slide .field button {
display: block !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}


.data-collection.vertical-yellow-vector .field.c64.first_name,
.data-collection.vertical-yellow-vector .field.c64.last_name,
.data-collection.vertical-yellow-vector .field.email.email,
.data-collection.vertical-yellow-vector .field.n5.zip {
border: 1px solid #d5d5d5;
border-radius: 4px;
padding-top: 0;
position: relative;
margin-bottom: 8px;
}

.data-collection.vertical-yellow-vector .field.c64.first_name input.input,
.data-collection.vertical-yellow-vector .field.c64.last_name input.input,
.data-collection.vertical-yellow-vector .field.email.email input.input,
.data-collection.vertical-yellow-vector .field.n5.zip input.input,
.data-collection.vertical-yellow-vector .field.first_name input,
.data-collection.vertical-yellow-vector .field.last_name input,
.data-collection.vertical-yellow-vector .field.email input,
.data-collection.vertical-yellow-vector .field.zip input {
width: 100%;
box-sizing: border-box;
border: none;
padding: 12px 12px 10px;
font-size: 16px;
outline: none;
color: #000000;
background: transparent;
}

.data-collection.vertical-yellow-vector .field input::placeholder,
.data-collection.vertical-yellow-vector .input::placeholder {
color: #2F281E;
}

.data-collection.vertical-yellow-vector .field.c64.first_name::before,
.data-collection.vertical-yellow-vector .field.c64.last_name::before,
.data-collection.vertical-yellow-vector .field.email.email::before,
.data-collection.vertical-yellow-vector .field.n5.zip::before {
position: absolute;
left: 12px;
top: 0;
transform: translateY(-60%);
padding: 0 6px;
font-size: 11px;
font-weight: 400;
color: #000000;
background: #ffffff;
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease;
}

.data-collection.vertical-yellow-vector .field.c64.first_name::before { content: "First Name*"; }
.data-collection.vertical-yellow-vector .field.c64.last_name::before  { content: "Last Name*"; }
.data-collection.vertical-yellow-vector .field.email.email::before    { content: "Email*"; }
.data-collection.vertical-yellow-vector .field.n5.zip::before         { content: "Zip Code*"; }

.data-collection.vertical-yellow-vector .field.c64.first_name:has(.input:focus),
.data-collection.vertical-yellow-vector .field.c64.first_name:has(.input:not(:placeholder-shown)),
.data-collection.vertical-yellow-vector .field.c64.last_name:has(.input:focus),
.data-collection.vertical-yellow-vector .field.c64.last_name:has(.input:not(:placeholder-shown)),
.data-collection.vertical-yellow-vector .field.email.email:has(.input:focus),
.data-collection.vertical-yellow-vector .field.email.email:has(.input:not(:placeholder-shown)),
.data-collection.vertical-yellow-vector .field.n5.zip:has(.input:focus),
.data-collection.vertical-yellow-vector .field.n5.zip:has(.input:not(:placeholder-shown)) {
border-color: #ffd400;
border-width: 2px;
}

.data-collection.vertical-yellow-vector .field.c64.first_name:has(.input:focus)::before,
.data-collection.vertical-yellow-vector .field.c64.first_name:has(.input:not(:placeholder-shown))::before,
.data-collection.vertical-yellow-vector .field.c64.last_name:has(.input:focus)::before,
.data-collection.vertical-yellow-vector .field.c64.last_name:has(.input:not(:placeholder-shown))::before,
.data-collection.vertical-yellow-vector .field.email.email:has(.input:focus)::before,
.data-collection.vertical-yellow-vector .field.email.email:has(.input:not(:placeholder-shown))::before,
.data-collection.vertical-yellow-vector .field.n5.zip:has(.input:focus)::before,
.data-collection.vertical-yellow-vector .field.n5.zip:has(.input:not(:placeholder-shown))::before {
opacity: 1;
}

.data-collection.vertical-yellow-vector .field.c64.first_name:focus-within,
.data-collection.vertical-yellow-vector .field.c64.last_name:focus-within,
.data-collection.vertical-yellow-vector .field.email.email:focus-within,
.data-collection.vertical-yellow-vector .field.n5.zip:focus-within {
border-color: #ffd400;
border-width: 2px;
}

.data-collection.vertical-yellow-vector .field.c64.first_name:focus-within::before,
.data-collection.vertical-yellow-vector .field.c64.last_name:focus-within::before,
.data-collection.vertical-yellow-vector .field.email.email:focus-within::before,
.data-collection.vertical-yellow-vector .field.n5.zip:focus-within::before {
opacity: 1;
}

.data-collection.vertical-yellow-vector .field.c64.first_name:hover:not(:focus-within),
.data-collection.vertical-yellow-vector .field.c64.last_name:hover:not(:focus-within),
.data-collection.vertical-yellow-vector .field.email.email:hover:not(:focus-within),
.data-collection.vertical-yellow-vector .field.n5.zip:hover:not(:focus-within) {
border-color: #000000;
}

.chatbot.luis-test .field-question {
border : 12px solid green !important;
}


.chatbot.luis-test .field.button-submit button {
border : 2px solid red !important;
border-radius : 0px !important;
padding : 50px !important;
}