@charset "utf-8";
body { font-family: "Inter", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; background: var(--bg-body); color: #0A1F4D;  }
.modal , .modal * { box-sizing: border-box; }
.formWrp small.error { display: block; font-size: 12px; padding: 0.2em 0 0 0!important; color: #cf0000; text-align: left; }
.formWrp input {  background-color: var(--surface)!important;  border: 1.5px solid var(--border);  border-radius: 14px; padding: 0.934em 1.6em; font-size: 16px; line-height: 1.5em; width: 100%; height: 52px;   }
.formWrp input:focus, .formWrp input:active { border: solid 1px var(--green); }
.formWrp input.error { border-color: #fa2700;  }
small.error  { display: block; font-size: 11px; padding: 2px 0 0 0;  color: #fa2700; min-width: 100%;  }
@media (max-width: 572px){
.formWrp .genBtn4 { font-size: 15px!important; }
}

@media screen and (max-width: 999px) {
.hdSm { display:  none!important; }
}
@media screen and (min-width: 1000px) {
.hdLg  { display:  none!important; }
}
.remodal { box-shadow: 0px 30px 80px 0px rgba(15, 23, 42, 0.32), 0px 6px 18px 0px rgba(15, 23, 42, 0.12);   border-radius: 18px;   background: #fff ;  background-clip: border-box;  position: relative;  }
.modal {  overflow-y: auto;  }
.modalCont {   display: flex; width: 100%;  font-size: 10px; overflow: hidden; width: 100%;  }
#mainContact .modal { width: 92vw; }
@media (max-width: 992px) {
.modal { max-height: none; }
#mainContact .modal { width: 100%; max-width: 660px; }
#mainContact .modalCont { max-width: 660px; }
}
@media (max-width: 440px) {
.modalCont {  font-size: 2.3vw; }
}
/* Contact
--------------------------------------------------------------*/
#mainContact { display: flex; justify-content: center;  }
#mainContact .modal { background: #fff; border-radius: 26px; box-shadow: 0px 4px 14px 0px rgba(16,24,64,0.07), 0px 44px 96px 0px rgba(16,22,64,0.26); padding: 3.8em 4.8em 4.3em 4.8em; max-width: 660px; }
#mainContact .modalCont { flex-direction: column; }
#modalHd { display: flex; align-items: center; margin-bottom: 3em; }
#modalHd .logo { display: flex; }
#modalHd .logo img { height: 3.4em!important; width: auto; }
#modalHd .close { display: flex; align-items: center; justify-content: center; flex-shrink: 0; cursor: pointer; position: absolute; top: 2.5em; right: 2.7em; width: 3.4em; height: 3.4em; border-radius: 10px; }
#modalHd .close svg { width: 2em; height: 2em; }
#mainContact .top { text-align: center; margin-bottom: 3.2em; }
#mainContact .top .ln1 { font-family: "Plus Jakarta Sans", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; font-size: 3.28em; font-weight: 800; color: #0A1F4D; line-height: 1.14em; letter-spacing: -0.022em; padding: 0; }
#mainContact .top .ln2 { font-size: 1.632em; font-weight: 400; color: #56607A; line-height: 1.6em; max-width: 27em; margin: 0.92em auto 0 auto; padding: 0; }
#mainContact .formWrp .fullCol { margin-bottom: 1.84em; text-align: left; }
#mainContact .formWrp .fullCol .lbl { display: block; font-size: 14px; font-weight: 700; color: #0A1F4D; line-height: 1.6em; margin-bottom: 0.457em; }
#mainContact .formWrp .req { color: #E5484D; }
#mainContact .formWrp input { background-color: #FBFBFE!important; border: 1px solid #E7E8F2; border-radius: 11px; height: 49px; padding: 0.855em 1.05em; font-size: 15.2px; letter-spacing: 0.01em; color: #0A1F4D; }
#mainContact .formWrp textarea { display: block; width: 100%; height: 128px; min-height: 128px; background-color: #FBFBFE; border: 1px solid #E7E8F2; border-radius: 11px; padding: 0.855em 1.05em; font-size: 15.2px; letter-spacing: 0.01em; line-height: 1.45em; color: #0A1F4D; font-family: inherit; resize: vertical; }
#mainContact .formWrp input::placeholder, #mainContact .formWrp textarea::placeholder { color: #9AA2BD; }
#mainContact .formWrp input:focus, #mainContact .formWrp input:active, #mainContact .formWrp textarea:focus, #mainContact .formWrp textarea:active { border: solid 1px #4F46E5; outline: none; }
#mainContact .formWrp textarea.error { border-color: #fa2700; }
#mainContact .btnSend { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 0.9em; background: #0A1F4D; border: 0; border-radius: 13px;  padding: 1.12em 1.59em; font-family: inherit; font-size: 16.96px; font-weight: 600; color: #fff; line-height: 1em; cursor: pointer; }
#mainContact .btnSend .ico { display: flex; flex-shrink: 0; margin-left: 0.6em; }
#mainContact .terms { font-size: 1.376em; font-weight: 400; color: #717A93; line-height: 1.62em; text-align: center; margin-top: 1.45em; padding: 0; }
#mainContact .terms .lnk { color: #4F46E5; font-weight: 600; text-decoration: underline; }
@media (min-width: 1000px){
#modalHd .close:hover { background: #F1F2F8; }
#mainContact .btnSend:hover { background: #0f275b; }
}
@media (max-width: 999px){
#modalHd .close:active { background: #F1F2F8; }
#mainContact .btnSend:active { background: #0f275b; }
}
@media (max-width: 576px){
#mainContact .modal { padding: 2.6em 1.6em 2.6em 1.6em; }
#mainContact .top .ln2 {  max-width: 22em; }
#modalHd .logo { margin: 0 auto; }
#modalHd .close { top: 1.6em; right: 1.6em; }
#mainContact .formWrp .fullCol .lbl { font-weight: 600; }
#mainContact .formWrp .fullCol { margin-bottom: 1.24em; }
#mainContact .terms { max-width: 27em; margin: 1.15em auto 0.45em auto; line-height: 1.4em; }
}