.xrai-vn-lead-form{width:100%;margin:0}
.xrai-vn-lead-form .xrai-vn-lead-fields{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.62fr);
gap:10px;
align-items:start;
}
.xrai-vn-lead-form .xrai-vn-lead-field,
.xrai-vn-lead-form .xrai-vn-lead-submit-wrap{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.xrai-vn-lead-form .xrai-vn-lead-field .elementor-field{
width:100%!important;
min-width:0;
}
.xrai-vn-lead-form .xrai-vn-lead-submit-wrap .elementor-button{
width:100%!important;
min-height:100%;
justify-content:center;
}
.xrai-vn-lead-error{
min-height:18px;
margin:5px 0 0!important;
color:#b42318;
font-size:12px;
line-height:1.35;
}
.xrai-vn-lead-field.is-invalid .elementor-field{
border-color:#b42318!important;
outline-color:#b42318!important;
}
.xrai-vn-lead-notice{
margin:0 0 12px;
padding:10px 12px;
border-left:3px solid currentColor;
font-size:13px;
line-height:1.45;
}
.xrai-vn-lead-notice-success{color:#17653a;background:#f1f8f4}
.xrai-vn-lead-notice-error{color:#9b241c;background:#fff5f4}
.xrai-vn-lead-hp{
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
}
@media (max-width:767px){
.xrai-vn-lead-form .xrai-vn-lead-fields{grid-template-columns:1fr;gap:10px}
.xrai-vn-lead-form .xrai-vn-lead-submit-wrap .elementor-button{min-height:52px}
} .xrai-vn-lead-form .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit{
background:transparent!important;
background-color:transparent!important;
color:#fff!important;
border:2px solid #fff!important;
outline:0!important;
box-shadow:none!important;
text-shadow:none!important;
transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;
}
.xrai-vn-lead-form .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit .elementor-button-text{
color:inherit!important;
}
.xrai-vn-lead-form .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit:hover,
.xrai-vn-lead-form .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit:focus-visible{
background:#fff!important;
background-color:#fff!important;
color:#1d1d74!important;
border-color:#fff!important;
} .xrai-vn-enquiry-form .xrai-vn-lead-fields{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:22px 28px!important;
}
.xrai-vn-enquiry-form .xrai-vn-lead-field .elementor-field-label{
display:block!important;
margin:0 0 9px!important;
color:#282828!important;
font-size:17px!important;
line-height:1.35!important;
font-weight:500!important;
}
.xrai-vn-enquiry-form .xrai-vn-lead-field .elementor-field{
min-height:58px!important;
padding:15px 18px!important;
background:#f3f6f9!important;
border:1px solid transparent!important;
border-radius:8px!important;
color:#1d1d74!important;
box-shadow:none!important;
}
.xrai-vn-enquiry-form .xrai-vn-lead-field .elementor-field::placeholder{
color:#8492aa!important;
opacity:1!important;
}
.xrai-vn-enquiry-form .xrai-vn-lead-email-field,
.xrai-vn-enquiry-form .xrai-vn-lead-message-field,
.xrai-vn-enquiry-form .xrai-vn-lead-submit-wrap{
grid-column:1 / -1;
}
.xrai-vn-enquiry-form .xrai-vn-lead-message-field textarea.elementor-field{
min-height:150px!important;
resize:vertical;
}
.xrai-vn-enquiry-form .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit{
min-height:58px!important;
background:#1d1d74!important;
background-color:#1d1d74!important;
color:#fff!important;
border:2px solid #1d1d74!important;
border-radius:6px!important;
box-shadow:none!important;
}
.xrai-vn-enquiry-form .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit:hover,
.xrai-vn-enquiry-form .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit:focus-visible{
background:#fff!important;
background-color:#fff!important;
color:#1d1d74!important;
border-color:#1d1d74!important;
}
@media (max-width:767px){
.xrai-vn-enquiry-form .xrai-vn-lead-fields{grid-template-columns:1fr!important;gap:16px!important}
.xrai-vn-enquiry-form .xrai-vn-lead-message-field,
.xrai-vn-enquiry-form .xrai-vn-lead-submit-wrap{grid-column:auto}
} .xrai-vn-lead-form:not(.xrai-vn-enquiry-form){
width:100%!important;
max-width:100%!important;
}
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-fields{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
align-items:stretch!important;
}
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-field .elementor-field{
min-height:46px!important;
height:46px!important;
padding:10px 14px!important;
background:rgba(255,255,255,.08)!important;
border:1px solid rgba(255,255,255,.35)!important;
border-radius:8px!important;
color:#ffffff!important;
box-shadow:none!important;
font-size:14px!important;
line-height:1.4!important;
transition:border-color .2s ease, background-color .2s ease!important;
}
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-field .elementor-field::placeholder{
color:rgba(255,255,255,.65)!important;
opacity:1!important;
font-size:14px!important;
}
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-field .elementor-field:focus{
background:rgba(255,255,255,.12)!important;
border-color:#ffffff!important;
outline:none!important;
}
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-submit-wrap{
width:100%!important;
align-self:stretch!important;
min-width:0!important;
}
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit{
width:100%!important;
min-height:46px!important;
height:46px!important;
padding:0 20px!important;
border-radius:8px!important;
background:#ffffff!important;
background-color:#ffffff!important;
color:#191969!important;
border:1px solid #ffffff!important;
font-size:14px!important;
font-weight:700!important;
cursor:pointer!important;
box-shadow:none!important;
text-shadow:none!important;
transition:background-color .2s ease, color .2s ease, border-color .2s ease!important;
}
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit:hover,
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-submit-wrap .xrai-vn-lead-submit:focus-visible{
background:#f0f3ff!important;
background-color:#f0f3ff!important;
color:#101050!important;
border-color:#f0f3ff!important;
}
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-error{
min-height:0!important;
margin:4px 0 0 2px!important;
color:#ffd0cc!important;
font-size:12px!important;
line-height:1.35!important;
}
.xrai-vn-lead-form:not(.xrai-vn-enquiry-form) .xrai-vn-lead-field.is-invalid .elementor-field{
border-color:#ff8e85!important;
}