@charset "utf-8";

@import url(../../ajax/libs/intl-tel-input/23.0.10/css/intlTelInput.css);

@media print {
  body { display: none !important; }
}

:root { --mainColor: linear-gradient(98deg, #df48e1, #7b0083); --text: #000000; --input-color: #000; --valid-input-color: #000; }

#Contact-Us { border: none; border-radius: 50px; max-width: 560px; margin: 40px auto; font-family: sans-serif; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 10px; }

.Contact-Us-Wrapper { max-width: 500px; margin: 0px auto; padding: 0px 40px 40px; box-sizing: border-box; }

.Contact-Us-Wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; }

.Contact-Us-Title { text-align: center; padding: 40px 25px; font-size: 30px; background: linear-gradient(98deg, rgb(223, 72, 225), rgb(123, 0, 131)) text; -webkit-text-fill-color: transparent; color: transparent; text-transform: uppercase; line-height: 1.2; letter-spacing: 2px; margin: 0px; }

@media (max-width: 767px) {
  .Contact-Us-Title { font-size: 24px; }
  .Contact-Us { border-radius: 25px; }
}

#Contact-Us input { font-size: 16px; margin-bottom: 25px; width: 100%; padding: 12px 15px; box-sizing: border-box; border: 1px solid var(--mainColor); border-radius: 4px; color: var(--text); line-height: 1; font-family: sans-serif; background: rgba(203, 203, 203, 0.54); }

#Contact-Us input:focus { outline: 1px solid var(--mainColor); }

.Contact-Us-Button { background: var(--mainColor); color: rgb(255, 255, 255); width: 100%; max-width: 300px; padding: 14px; font-weight: 700; font-size: 16px; border: none; cursor: pointer; text-transform: uppercase; font-family: sans-serif; letter-spacing: 1px; box-shadow: rgba(0, 0, 0, 0.19) 3px 3px 6px; border-radius: 20px; margin: 20px auto auto; display: flex; justify-content: center; }

input.error { position: relative; margin-bottom: 5px !important; background: rgba(255, 0, 0, 0.125) !important; color: var(--valid-input-color) !important; }

input.error::placeholder { color: rgb(0, 0, 0); }

label.error { font-family: sans-serif; color: red; font-size: 14px; text-align: center; font-weight: 600; margin-bottom: 10px; display: block; }

.phone + label.error { margin: 5px 0px 0px !important; }

input.valid { background: rgba(0, 239, 0, 0.19) !important; color: var(--valid-input-color) !important; }

.iti--separate-dial-code { max-width: 100%; width: 100%; margin-bottom: 16px; padding: 0px !important; }

.iti__selected-country { padding-right: 13px; border-radius: 4px 0px 0px 3px; background: rgb(225, 225, 225) !important; height: 41px !important; }

.iti__selected-dial-code { color: rgb(0, 0, 0); }

.iti__country-container { pointer-events: none; }

.iti { width: 100%; margin-bottom: 20px; }

.iti__arrow { display: none; }