.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"])):not(:has(span[style*="20pt"])) {
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"])):not(:has(span[style*="20pt"]))::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"])):not(:has(span[style*="20pt"])) p,
.data-collection.vertical-yellow-vector .field.field-text:not(:has(a)):not(:has(input[type="checkbox"])):not(:has(span[style*="20pt"])) 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;
}

/* ===== TITLES ===== */
.data-collection.vertical-yellow-vector .field.field-text span[style*="20pt"] {
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;
}
.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;
}

.chatbot.generic-horizontal-yellow .ezchat{
display:flex;
flex-direction:column;
gap:14px;
font:400 14px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif;
color:#0f172a;
padding:16px 14px;
position:relative;
width:100%;
box-sizing:border-box;
background:transparent !important;
background-image:url({banner}) !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-blend-mode:overlay !important;
min-height:100%;
}

.chatbot.generic-horizontal-yellow .ezchat p{margin:0}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-message{
display:flex;
flex-direction:column;
gap:0px !important;
}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-message.ez-chat-user{align-items:flex-end}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-message.ez-chat-bot{align-items:flex-start}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user,
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-bot{
max-width:70%;
width:fit-content;
margin:0;
overflow:visible!important;
}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user{
padding:8px 14px;
background:#2563eb;
color:#fff;
outline:none;
border:none!important;
border-radius:9999px;
box-shadow:0 2px 6px rgba(16,24,40,.10);
}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-bot{
padding:14px 16px;
background:#fff;
color:#0f172a;
outline:1px solid #e6ebf2;
border:none!important;
border-radius:12px;
box-shadow:0 1px 3px rgba(16,24,40,.06);
}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user h1,
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-bot h1{font-size:18px;margin:0 0 6px}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user h2,
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-bot h2{font-size:16px;margin:0 0 5px}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user p,
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-bot p{margin:3px 0}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-bot a{color:#2563eb;text-underline-offset:3px}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user a{color:#fff;text-underline-offset:3px}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user>:first-child,
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-bot>:first-child{margin-top:0}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user>:last-child,
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-bot>:last-child{margin-bottom:0}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-buttons{
position:static !important;
display:flex !important;
margin-top:-6px !important;
gap:6px;
align-items:center;
justify-content:flex-start !important;
max-width:70%;
width:fit-content;
margin-left:0 !important;
margin-right:0 !important;
padding:0 !important;
background:transparent !important;
outline:none !important;
box-shadow:none !important;
visibility:visible !important;
opacity:1 !important;
pointer-events:auto !important;
z-index:50 !important;
}

.chatbot.generic-horizontal-yellow .ez_share,.ez_tts,.ez_clipboard{
display:inline-flex !important;
align-items:center;
padding:6px 10px !important;
height:30px !important;
background:#fff !important;
color:#0f172a !important;
outline:1px solid #e6ebf2 !important;
border:0 !important;
border-radius:10px !important;
box-shadow:0 1px 3px rgba(16,24,40,.06) !important;
font:600 11px/1 system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif !important;
gap:5px !important;
white-space:nowrap !important;
cursor:pointer !important;
}

.chatbot.generic-horizontal-yellow .ez_tts button::before{
content:"";
width:16px;height:16px;display:inline-block;background:no-repeat center/contain;margin-right:6px;
background-image:url("data:image/svg+xml;utf8,<svg fill='%23000000' viewBox='0 0 489.8 489.8' xmlns='http://www.w3.org/2000/svg'><path d='M355.8,340.1c3,2.1,6.5,3.2,9.9,3.2c5.4,0,10.7-2.5,14-7.2c18.9-26.6,28.9-58.1,28.9-91.1c0-32.9-10-64.4-28.9-91.1 c-5.5-7.7-16.2-9.5-23.9-4.1c-7.7,5.5-9.5,16.2-4.1,23.9c14.8,20.8,22.6,45.4,22.6,71.2c0,25.8-7.8,50.4-22.6,71.2 C346.3,323.9,348.1,334.6,355.8,340.1z'/><path d='M418.8,397.5c3,2.1,6.5,3.2,9.9,3.2c5.4,0,10.7-2.5,14-7.2c30.8-43.4,47.1-94.8,47.1-148.5s-16.3-105-47.1-148.5 c-5.5-7.7-16.2-9.5-23.9-4.1c-7.7,5.5-9.5,16.2-4.1,23.9c26.7,37.6,40.8,82.1,40.8,128.6s-14.1,91-40.8,128.6 C409.3,381.3,411.1,392,418.8,397.5z'/><path d='M52.4,140.7C23.5,140.7,0,164.2,0,193.1v103.5C0,325.5,23.5,349,52.4,349h105.7l92.5,66.8c5,2.9,10.7,4.4,16.4,4.4 c8.5,0,16.7-3.3,22.9-9.2c6.5-6.2,10.1-14.7,10.1-23.7V101.7c0-18.2-14.8-33-33-33c-5.7,0-11.4,1.5-16.4,4.4l-96.7,66.8H52.4V140.7z M169.2,172l97.9-67.6v281.2L173.7,318 c-2.9-2.1-6.4-3.2-10-3.2H52.4c-10,0-18.1-8.1-18.1-18.1V193.2c0-10,8.1-18.1,18.1-18.1h107.1C163,175,166.4,174,169.2,172z'/></svg>");
}

.chatbot.generic-horizontal-yellow .ez_share button::before{
content:"";
width:16px;height:16px;display:inline-block;background:no-repeat center/contain;margin-right:6px;
background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20 13V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18L4 13M16 8L12 4M12 4L8 8M12 4L12 16' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.chatbot.generic-horizontal-yellow .ez_share button,.ez_tts button,.ez_clipboard button{
background:transparent;border:0;padding:0;margin:0;
font:inherit;color:inherit;line-height:inherit;cursor:pointer;
display:flex!important;align-items:center!important;justify-content:flex-start!important;
width:auto!important;height:100%!important;
}

#ez-btn-copy::before{
content:"";
width:16px;height:16px;display:block;margin-right:6px;background:no-repeat center/contain;
background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' fill='%230f172a'><path d='M18,30H14a2,2,0,0,1,0-4h4a2,2,0,0,1,0,4Z'/><path d='M26,22H14a2,2,0,0,1,0-4H26a2,2,0,0,1,0,4Z'/><path d='M26,14H14a2,2,0,0,1,0-4H26a2,2,0,0,1,0,4Z'/><path d='M42,8H36V4a2,2,0,0,0-2-2H6A2,2,0,0,0,4,4V36a2,2,0,0,0,2,2h4v6a2,2,0,0,0,2,2H42a2,2,0,0,0,2-2V10A2,2,0,0,0,42,8ZM8,6H32V34H8ZM40,42H14V38H34a2,2,0,0,0,2-2V12h4Z'/></svg>");
}
#ez-btn-copy::after{content:none!important;display:none!important}
#ez-btn-copy svg{display:none!important}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user img[src*="ai.gif"]{display:none!important}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-input-container{
display:flex !important;
flex-wrap:nowrap !important;
flex-direction:row !important;
align-items:center !important;
gap:12px !important;
width:100% !important;
position:relative !important;
padding:10px 12px 16px !important;
margin-top:auto !important;
background:#ffffff !important;
border-radius:14px !important;
border:1px solid #e5e9f0 !important;
box-shadow:0 2px 6px rgba(16,24,40,.06) !important;
box-sizing:border-box !important;
}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-input-container::after{
content:"" !important;
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
height:6px !important;
background:#ffe100 !important;
z-index:2 !important;
pointer-events:none !important;
border-bottom-left-radius:14px !important;
border-bottom-right-radius:14px !important;
}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-input{
flex:1 1 auto !important;
width:100% !important;
height:56px !important;
min-height:56px !important;
max-height:56px !important;
border:1px solid #cfcfcf !important;
border-radius:6px !important;
padding:14px 16px !important;
font-size:16px !important;
line-height:1.2 !important;
color:#000000 !important;
background:#ffffff !important;
resize:none !important;
box-sizing:border-box !important;
outline:none !important;
}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-input::placeholder{
color:#666666 !important;
}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-send{
height:56px !important;
min-width:140px !important;
padding:0 26px !important;
background:#ffe100 !important;
color:#000000 !important;
border:none !important;
border-radius:3px !important;
font-size:16px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.5px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
cursor:pointer !important;
box-shadow:none !important;
transform:none !important;
filter:none !important;
}

.chatbot.generic-horizontal-yellow .ezchat .ez-chat-send:hover,
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-send:active,
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-send:focus{
background:#ffe100 !important;
color:#000000 !important;
box-shadow:none !important;
transform:none !important;
filter:none !important;
outline:none !important;
}

.chatbot.generic-horizontal-yellow .ezchat:has(.ez-chat-input:not(:placeholder-shown)) .ez-chat-send{
background:#b09a00 !important;
color:#000000 !important;
}

@supports not selector(:has(*)){
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-input:focus + .ez-chat-send{
background:#b09a00 !important;
}
}

@media (max-width:520px){
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-input-container{
flex-wrap:wrap !important;
}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-input{
width:100% !important;
}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-send{
width:100% !important;
min-width:0 !important;
}
}

@media (max-width:640px){
.chatbot.generic-horizontal-yellow .ezchat{padding:12px 10px;gap:12px}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-user,
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-bubble-bot{max-width:90%}
.chatbot.generic-horizontal-yellow .ezchat .ez-chat-buttons{max-width:90%}
}
.chatbot.vertical-yellow-vector .ez.slide.chatbot {
display: flex !important;
flex-wrap: nowrap !important;
flex-direction: row !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
position: relative !important;
padding-bottom: 14px !important;
}

.chatbot.vertical-yellow-vector .ez.slide.chatbot::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 6px !important;
background: #ffe100 !important;
z-index: 2 !important;
pointer-events: none !important;
}

.chatbot.vertical-yellow-vector .ez.slide.chatbot br {
display: none !important;
}

.chatbot.vertical-yellow-vector .ez.slide.chatbot .field {
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: none !important;
position: relative !important;
}

.chatbot.vertical-yellow-vector .field.field-question {
order: 1 !important;
display: inline-flex !important;
min-width: 0 !important;
max-width: none !important;
width: calc(100% - 44px - 12px - 140px - 12px) !important;
flex: 0 1 auto !important;
}

.chatbot.vertical-yellow-vector .field.field-question textarea.input,
.chatbot.vertical-yellow-vector .field.field-question textarea {
width: 100% !important;
height: 56px !important;
min-height: 56px !important;
max-height: 56px !important;
border: 1px solid #cfcfcf !important;
border-radius: 6px !important;
padding: 14px 16px !important;
font-size: 16px !important;
line-height: 1.2 !important;
color: #000000 !important;
background: #ffffff !important;
resize: none !important;
box-sizing: border-box !important;
outline: none !important;
display: block !important;
}

.chatbot.vertical-yellow-vector .field.field-question textarea.input::placeholder,
.chatbot.vertical-yellow-vector .field.field-question textarea::placeholder {
color: #666666 !important;
}

.chatbot.vertical-yellow-vector .field.button-dictate {
flex: 0 0 44px !important;
width: 44px !important;
height: 56px !important;
order: 2 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
z-index: 5 !important;
position: relative !important;
flex-shrink: 0 !important;
}

.chatbot.vertical-yellow-vector .field.button-dictate button,
#ez-btn-dictate {
width: 36px !important;
height: 36px !important;
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
font-size: 0 !important;
color: transparent !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}

.chatbot.vertical-yellow-vector .field.button-dictate button::before,
#ez-btn-dictate::before {
content: "" !important;
width: 20px !important;
height: 20px !important;
display: block !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center !important;
background-image: url("data:image/svg+xml;utf8,<svg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='5.25 2.25 13.5 19.5'><path d='M18 12C18 15.3137 15.3137 18 12 18M12 18C8.68629 18 6 15.3137 6 12M12 18V21M12 21H15M12 21H9M15 6V12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12V6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
opacity: 0.7 !important;
}

.chatbot.vertical-yellow-vector .field.button-dictate button:hover::before,
#ez-btn-dictate:hover::before {
opacity: 1 !important;
}

.chatbot.vertical-yellow-vector .field.button-submit {
flex: 0 0 auto !important;
order: 3 !important;
width: auto !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
}

.chatbot.vertical-yellow-vector .field.button-submit button {
height: 56px !important;
min-width: 140px !important;
width: auto !important;
padding: 0 26px !important;
background: #ffe100 !important;
color: #000000 !important;
border: none !important;
border-radius: 3px !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !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;
}

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

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

@media (max-width: 520px) {
.chatbot.vertical-yellow-vector .ez.slide.chatbot {
flex-wrap: wrap !important;
}

.chatbot.vertical-yellow-vector .field.field-question {
width: calc(100% - 44px - 12px) !important;
flex: 0 0 auto !important;
order: 1 !important;
}

.chatbot.vertical-yellow-vector .field.button-dictate {
order: 2 !important;
margin-left: 12px !important;
}

.chatbot.vertical-yellow-vector .field.button-submit {
flex: 1 1 100% !important;
width: 100% !important;
order: 3 !important;
}

.chatbot.vertical-yellow-vector .field.button-submit button {
width: 100% !important;
min-width: 0 !important;
}
}