@charset "utf-8";

#Send-Us-Message { border: none; border-radius: 5px; max-width: 560px; margin: 0px auto; font-family: Arial; box-shadow: rgba(0, 0, 0, 0.19) 3px 3px 6px; background: rgb(47, 48, 50); }

#Send-Us-Message { max-width: 100%; }

*, ::after, ::before { box-sizing: inherit; margin: 0px; }

h2 { margin-bottom: 8px; font-family: "Gotham XNarrow"; }

h2 { font-size: 28px; }

.Send-Us-Message-Title { text-align: center; padding: 30px 15px; font-size: 30px; background: rgba(108, 189, 222, 0); color: var(--text); text-transform: uppercase; margin: 0px; line-height: 1.2; letter-spacing: 2px; }

.Send-Us-Message-Wrapper { max-width: 400px; margin: 0px auto; padding: 0px 40px 40px; box-sizing: border-box; }

.leadform { position: relative; }

input { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }

input { overflow: visible; }

#Send-Us-Message input { font-size: 16px; margin-bottom: 16px; width: 100%; padding: 12px 15px; box-sizing: border-box; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(255, 255, 255); border-radius: 0px; color: var(--input-color); line-height: 1; box-shadow: none; font-family: Arial; background: none; }

.form-preloader { position: absolute; inset: 0px; background: rgb(255, 255, 255); z-index: 4; display: flex; align-items: center; justify-content: center; }

.hidden { display: none !important; }

#Send-Us-Message input:focus { outline: none; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(223, 6, 6); }

.error-msg { padding-bottom: 10px; color: red; font-size: 14px; text-align: right; }

.hide { display: none !important; }

button { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }

button { overflow: visible; }

button { text-transform: none; }

button { touch-action: manipulation; }

[type="submit"], button { appearance: button; }

.Send-Us-Message-Btn { background: none; color: var(--text); width: 100%; padding: 14px; font-weight: 700; font-size: 16px; border: 1px solid var(--mainColor); cursor: pointer; text-transform: uppercase; border-radius: 4px; font-family: Arial; letter-spacing: 1px; box-shadow: rgba(0, 0, 0, 0.19) 3px 3px 6px; margin: 20px 0px; }

.Send-Us-Message-Btn { position: relative; padding: 8px 20px; border-radius: 0px; overflow: hidden; color: rgb(255, 255, 255); cursor: pointer; transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }

.Send-Us-Message-Btn::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(
                            120deg,
                            transparent,
                            var(--mainColor),
                            transparent
                          ); transform: translateX(-100%); transition: transform 0.6s ease-in-out; }

.Send-Us-Message-Btn:hover { box-shadow: rgb(108, 189, 222) 0px 0px 10px; }

.Send-Us-Message-Btn:hover { background: transparent; box-shadow: rgba(51, 152, 219, 0.5) 0px 0px 20px 10px; }

.Send-Us-Message-Btn:hover::before { transform: translateX(100%); }

.spinner { animation: 2s linear 0s infinite normal none running rotate; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -25px; width: 50px; height: 50px; }

[type="button"], button { appearance: button; }

button > * { pointer-events: none; }
