@charset "utf-8";

:root { --ruler: 16px; --color-bg: #ebecf0; --color-shadow: #BABECC; --color-white: #FFF; --mainColor: #515152; --text: #fff; --input-color: #000; --valid-input-color: #000; }

#Get-in-Touch { background-color: var(--color-bg); }

#Get-in-Touch input, #Get-in-Touch button { font-family: Montserrat, sans-serif; letter-spacing: -0.2px; }

#Get-in-Touch form { padding: var(--ruler); width: calc(var(--ruler)*20); margin: 0px auto; }

.segment { text-shadow: rgb(255, 255, 255) 1px 1px 1px; }

#Get-in-Touch button, input { border: 0px; outline: 0px; padding: var(--ruler); background-color: var(--color-bg); text-shadow: 1px 1px 0 var(--color-white); font-size: var(--ruler) !important; }

#Get-in-Touch input { margin-right: calc(var(--ruler)/2); box-shadow: inset 2px 2px 5px var(--color-shadow),inset -5px -5px 10px var(--color-white); transition: 0.2s ease-in-out; appearance: none; height: 52px !important; }

#Get-in-Touch input:focus { box-shadow: inset 1px 1px 2px var(--color-shadow),inset -1px -1px 2px var(--color-white); }

#Get-in-Touch button { color: rgb(97, 103, 124); transition: 0.2s ease-in-out; cursor: pointer; font-weight: 600; }

#Get-in-Touch button:hover { box-shadow: -2px -2px 5px var(--color-white),2px 2px 5px var(--color-shadow); }

#Get-in-Touch button:active { box-shadow: inset 1px 1px 2px var(--color-shadow),inset -1px -1px 2px var(--color-white); }

#Get-in-Touch { border: none; padding-top: 10px; border-radius: 16px; max-width: 560px; margin: 0px auto; font-family: Arial; box-shadow: rgba(18, 18, 18, 0.14) 0px 0px 5px; }

.Get-in-Touch-Wrapper { max-width: 400px; box-sizing: border-box; }

.Get-in-Touch-Title { text-align: center; padding: 0px; font-size: 30px; background: none; color: rgb(0, 0, 0); text-transform: uppercase; margin: 30px 20px; line-height: 1.2; letter-spacing: 2px; }

@media (max-width: 767px) {
  .Get-in-Touch-Title { font-size: 24px; }
}

#Get-in-Touch input { font-size: 16px; margin-bottom: 16px; width: 100%; padding: 12px 15px; box-sizing: border-box; color: var(--input-color); line-height: 1; font-family: Arial; border-radius: 15px; }

#Get-in-Touch input:focus { outline: rgb(204, 204, 204) solid 1px; }

button#submit-btn { display: flex; justify-content: center; border-radius: 20px; box-shadow: rgb(255, 255, 255) -5px -5px 20px, rgb(186, 190, 204) 5px 5px 20px; margin: 10px 0px; }

.iti { margin-bottom: 20px; }