.data-collection.vertical-yellow-vector .ezpath {
padding: 40px 16px;
container-type: inline-size;
background: #f5f5f5;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide {
display: flex;
flex-direction: column;
gap: 0 !important;
max-width: 820px;
margin: 0 auto;
border-radius: 10px !important;
border: 1px solid #d5d5d5;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-bottom: 4px solid #ffd400 !important;
padding: 25px 25px 30px !important;
background: #ffffff !important;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:first-of-type p,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:first-of-type span {
margin: 0 0 8px 0;
text-align: center !important;
font-size: 22px !important;
font-weight: 400 !important;
color: #0052b4;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .input,
.data-collection.vertical-yellow-vector .ezpath .ez.slide button {
height: 50px !important;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide textarea {
color: #000000 !important;
border-radius: 0px !important;
border: none !important;
padding-top: 16px !important;
background: transparent !important;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide button {
background: #ffd400 !important;
color: #000000 !important;
border-radius: 0px !important;
border: none !important;
padding: 10px 20px !important;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.button-submit button,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.button-submit button:hover,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.button-submit button:focus,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.button-submit button:active {
background: #ffd400 !important;
border: none !important;
color: #000000 !important;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.button-submit button {
width: 100% !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.button-submit button::before {
content: "SEARCH";
}

.data-collection.vertical-yellow-vector .ezpath .field.field-question {
width: 100%;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field {
margin-bottom: 8px;
position: relative;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.c64.first_name,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.c64.last_name,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.email.email,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.n5.zip {
border: 1px solid #d5d5d5;
border-radius: 4px;
padding-top: 0;
}

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

.data-collection.vertical-yellow-vector .ezpath .ez.slide .input::placeholder {
color: #2F281E;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.c64.first_name::before,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.c64.last_name::before,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.email.email::before,
.data-collection.vertical-yellow-vector .ezpath .ez.slide .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 .ezpath .ez.slide .field.c64.first_name::before { content: "First Name*"; }
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.c64.last_name::before { content: "Last Name*"; }
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.email.email::before   { content: "Email*"; }
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.n5.zip::before        { content: "Zip Code*"; }

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

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

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:has(input[type="checkbox"]) {
margin-top: 0;
margin-bottom: 0;
order: 12;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:has(input[type="checkbox"]) label {
display: block;
border: 1px solid #446CD6;
border-radius: 4px;
padding: 4px 10px;
box-sizing: border-box;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:has(input[type="checkbox"]) p {
margin: 0;
font-size: 11px;
line-height: 1.3;
color: #446CD6;
font-weight: 400;
}

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

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

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:has(input[type="checkbox"]) td:first-child {
width: 24px;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:has(input[type="checkbox"]) input[type="checkbox"] {
margin-top: 2px;
cursor: pointer;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:has(input[type="checkbox"]) a {
color: #446CD6;
text-decoration: underline;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:last-of-type {
margin-top: 0;
margin-bottom: 0;
order: 11;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:last-of-type p {
margin: 0;
font-size: 11px;
line-height: 1.3;
color: #555555;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.field-text:last-of-type a {
color: #0052b4;
text-decoration: underline;
}

.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.button-submit {
margin-top: 0;
order: 13;
}

@container (max-width: 420px) {
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.button-submit button {
font-size: 16px !important;
padding: 10px !important;
width: 100% !important;
}
.data-collection.vertical-yellow-vector .ezpath .ez.slide .field.button-submit button::before {
content: "CONTINUE";
width: auto;
height: auto;
background: none;
display: inline;
}
}
.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;
}


