.survey-question.vertical-yellow-vector .field.choice {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}

.survey-question.vertical-yellow-vector .field.choice button {
width: 100% !important;
height: 50px !important;
background: #ffe100 !important;
color: #000000 !important;
border: none !important;
border-radius: 3px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: background 0.15s ease, transform 0.05s ease !important;
margin: 0 !important;
}

.survey-question.vertical-yellow-vector .field.choice button + button {
margin-top: 4px !important;
}

.survey-question.vertical-yellow-vector .field.choice button:hover,
.survey-question.vertical-yellow-vector .field.choice button:focus {
background: #b09a00 !important;
}

.survey-question.vertical-yellow-vector .field.choice button:active {
transform: translateY(1px) !important;
}

.survey-question.vertical-yellow-vector .field.field-text h3,
.survey-question.vertical-yellow-vector .field.field-text p,
.survey-question.vertical-yellow-vector .field.field-text span,
.survey-question.vertical-yellow-vector .field.field-text strong {
color: rgb(29, 77, 205) !important;
font-weight: 400 !important;
text-align: center !important;
text-transform: uppercase !important;
margin: 0px 0px 2px 0px !important;
font-size: 18.3333px !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
line-height: 1.167 !important;
letter-spacing: 0em !important;
display: block !important;
margin-block-start: 0 !important;
margin-block-end: 4px !important;
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
font-weight: 400 !important;
}

.survey-question.vertical-yellow-vector .field.field-text h3 {
margin-block-start: 0 !important;
margin-block-end: 4px !important;
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
font-weight: 400 !important;
}

/* ===== STRUCTURE EZ SLIDE ===== */
.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;
}

/* ===== INPUTS ===== */
.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;
}

/* ===== INPUTS ===== */
.data-collection.vertical-yellow-vector .field.button-submit button {
width: 100% !important;
height: 52px !important;
background: #ffe100 !important;
color: #000000 !important;
border: none !important;
border-radius: 3px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: background 0.15s ease, transform 0.05s ease !important;
}

.data-collection.vertical-yellow-vector .field.button-submit button:hover,
.data-collection.vertical-yellow-vector .field.button-submit button:focus {
background: #b09a00 !important;
}

.data-collection.vertical-yellow-vector .field.button-submit button:active {
transform: translateY(1px) !important;
}

/* ===== DISCAIMERS ===== */
.data-collection.vertical-yellow-vector .field.field-text:has(a) {
max-width: 620px !important;
margin: 6px auto 10px !important;
padding: 0 !important;
text-align: justify !important;
color: #000000 !important;
font-size: 10px !important;
line-height: 15px !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
}

.data-collection.vertical-yellow-vector .field.field-text:has(a) p,
.data-collection.vertical-yellow-vector .field.field-text:has(a) span {
margin: 0 0 6px 0 !important;
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important;
text-align: inherit !important;
}

.data-collection.vertical-yellow-vector .field.field-text:has(a) a {
color: #1a5cff !important;
text-decoration: underline !important;
}

.data-collection.vertical-yellow-vector .field.field-text:not(:has(a)):not(:has(input[type="checkbox"])) {
max-width: 620px !important;
margin: 10px auto 0 !important;
padding: 12px 14px 12px 38px !important;
border: 2px solid #1a5cff !important;
border-radius: 4px !important;
background: #ffffff !important;
box-sizing: border-box !important;
text-align: left !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 11px !important;
line-height: 1.35 !important;
color: #1a5cff !important;
position: relative !important;
}

.data-collection.vertical-yellow-vector .field.field-text:not(:has(a)):not(:has(input[type="checkbox"]))::before {
content: "" !important;
position: absolute !important;
left: 14px !important;
top: 12px !important;
width: 16px !important;
height: 16px !important;
border: 1.5px solid #1a5cff !important;
border-radius: 2px !important;
background: #ffffff !important;
box-sizing: border-box !important;
pointer-events: none !important;
}

.data-collection.vertical-yellow-vector .field.field-text:not(:has(a)):not(:has(input[type="checkbox"])) p,
.data-collection.vertical-yellow-vector .field.field-text:not(:has(a)):not(:has(input[type="checkbox"])) span {
margin: 0 !important;
color: #1a5cff !important;
font-size: 11px !important;
line-height: 1.35 !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
text-align: left !important;
}

.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"]) {
max-width: 620px !important;
margin: 10px auto 0 !important;
padding: 12px 14px !important;
border: 2px solid #1a5cff !important;
border-radius: 4px !important;
background: #ffffff !important;
box-sizing: border-box !important;
text-align: left !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 11px !important;
line-height: 1.35 !important;
color: #1a5cff !important;
}

.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"]) table {
width: 100% !important;
border-collapse: collapse !important;
}

.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"]) td {
border: none !important;
padding: 0 !important;
vertical-align: top !important;
}

.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"]) td:first-child {
width: 24px !important;
padding-top: 2px !important;
position: relative !important;
z-index: 5 !important;
}

.data-collection.vertical-yellow-vector .field.field-text input[type="checkbox"] {
all: revert !important;
appearance: auto !important;
-webkit-appearance: auto !important;
width: 16px !important;
height: 16px !important;
margin: 0 !important;
cursor: pointer !important;
position: relative !important;
z-index: 5 !important;
accent-color: #1a5cff !important;
}

.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"])::before,
.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"])::after {
content: none !important;
display: none !important;
}

.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"]) label,
.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"]) p,
.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"]) span {
margin: 0 !important;
color: #1a5cff !important;
font-size: 11px !important;
line-height: 1.35 !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
text-align: left !important;
}

.data-collection.vertical-yellow-vector .field.field-text:has(input[type="checkbox"]) a {
color: #1a5cff !important;
text-decoration: underline !important;
font-size: 11px !important;
line-height: 1.35 !important;
font-weight: 400 !important;
}
.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;
}