.xrai-vn-contact-section{
background:#fff;
color:#17186d;
padding:clamp(72px,8vw,132px) 24px clamp(84px,9vw,144px);
}
.xrai-vn-contact-inner{
width:min(1180px,100%);
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:clamp(48px,7vw,96px);
align-items:start;
}
.xrai-vn-contact-copy{
padding-top:8px;
}
.xrai-vn-contact-kicker{
margin:0 0 18px;
font-size:13px;
line-height:1.4;
font-weight:700;
letter-spacing:.14em;
}
.xrai-vn-contact-copy h1{
margin:0 0 24px;
color:#17186d;
font-size:clamp(46px,6vw,82px);
line-height:.98;
letter-spacing:-.035em;
font-weight:600;
}
.xrai-vn-contact-copy>p:last-child{
max-width:560px;
margin:0;
font-size:clamp(18px,2vw,24px);
line-height:1.45;
}
.xrai-vn-contact-form-wrap{
border-top:1px solid rgba(23,24,109,.35);
padding-top:28px;
}
.xrai-vn-contact-form{
margin:0;
}
.xrai-vn-contact-field{
margin:0 0 24px;
}
.xrai-vn-contact-field label{
display:block;
margin:0 0 9px;
font-size:15px;
line-height:1.4;
font-weight:600;
color:#17186d;
}
.xrai-vn-contact-field input{
width:100%;
min-height:58px;
margin:0;
padding:14px 16px;
border:1px solid rgba(23,24,109,.28);
border-radius:0;
background:#fff;
color:#17186d;
font:inherit;
font-size:17px;
line-height:1.4;
box-shadow:none;
outline:none;
}
.xrai-vn-contact-field input:focus{
border-color:#17186d;
outline:2px solid rgba(23,24,109,.12);
outline-offset:1px;
}
.xrai-vn-contact-field.is-invalid input{
border-color:#b42318;
}
.xrai-vn-contact-error{
min-height:20px;
margin:7px 0 0;
color:#b42318;
font-size:14px;
line-height:1.4;
}
.xrai-vn-contact-submit{
width:100%;
min-height:58px;
margin:4px 0 0;
padding:14px 24px;
border:1px solid #17186d;
border-radius:0;
background:#17186d;
color:#fff;
font:inherit;
font-size:17px;
font-weight:600;
line-height:1.3;
cursor:pointer;
transition:background-color .2s ease,color .2s ease;
}
.xrai-vn-contact-submit:hover,
.xrai-vn-contact-submit:focus-visible{
background:#fff;
color:#17186d;
}
.xrai-contact-notice{
margin:0 0 24px;
padding:14px 16px;
border-left:3px solid currentColor;
font-size:15px;
line-height:1.5;
}
.xrai-contact-notice-success{
color:#17653a;
background:#f1f8f4;
}
.xrai-contact-notice-error{
color:#9b241c;
background:#fff5f4;
}
.xrai-vn-contact-hp{
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
}
@media (max-width:767px){
.xrai-vn-contact-section{padding:58px 20px 80px}
.xrai-vn-contact-inner{grid-template-columns:1fr;gap:44px}
.xrai-vn-contact-copy h1{font-size:clamp(44px,14vw,62px)}
.xrai-vn-contact-copy>p:last-child{font-size:18px}
}
.xrai-vn-contact-product{
margin:18px 0 0!important;
font-size:16px!important;
line-height:1.45!important;
color:#17186d;
}
.xrai-vn-contact-product strong{font-weight:700} @media (max-width:767px){
.elementor-18302 .elementor-element.elementor-element-b461c04{
--min-height:96px;
--margin-bottom:0px;
--padding-top:18px;
--padding-bottom:18px;
--padding-left:20px;
--padding-right:20px;
background:#1d1d74;
}
.elementor-18302 .elementor-element.elementor-element-5e2bde0 img{
display:block;
width:120px;
height:auto;
}
}.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;
}