:root {
  /* Colors */
  --color-black: #000;
  --color-white: #fff;
}
/* for chrome autocomplete */
input[data-fav="f1"]:-webkit-autofill,
input[data-fav="f1"]:-webkit-autofill:hover, 
input[data-fav="f1"]:-webkit-autofill:focus, 
input[data-fav="f1"]:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px var(--color-white) inset !important;
  -webkit-text-fill-color: var(--color-black);
}
input[data-fav="f2"]:-webkit-autofill,
input[data-fav="f2"]:-webkit-autofill:hover, 
input[data-fav="f2"]:-webkit-autofill:focus, 
input[data-fav="f2"]:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--color-white) inset !important;
    -webkit-text-fill-color:var(--color-black);
}

input[data-fav="f3"]:-webkit-autofill,
input[data-fav="f3"]:-webkit-autofill:hover, 
input[data-fav="f3"]:-webkit-autofill:focus, 
input[data-fav="f3"]:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--color-white) inset !important;
    -webkit-text-fill-color:var(--color-black);
}
/* for chrome autocomplete */

.form-send {
  padding: 25px;
}

.form-send .empty{
  border: 1px #f94449 solid;
}
.form-send .notempty{
  border: 1px #ced4da solid;
}

.phone-container.emptyphone{
  border: 1px #f94449 solid;
}
.phone-container.notemptyphone{
  border: 1px #ced4da solid;
}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* ##############def styles################ */
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  /* color: var(--color-black); */
  color: inherit;
  background-color: inherit;
  border-radius: 0;
}
.form-control:focus {
  outline: none
}

/* def styles select options*/
.form-send select.form-control {
  background: #000;
}
.form-send select.form-control>option {
  margin: 40px;
  background: var(--color-black);
  color: var(--color-white);
  text-shadow: 0 1px 0 var(--color-black);
}
.form-send .form-control:focus {
  color: var(--color-white);
}
/* def styles button */
.form-send #submitButton {
  color: inherit;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  font-family: FuturaPT;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  width: 100%;
}
.form-send #submitButton:hover {
  background-color: inherit;
  color: inherit;
  border-color: inherit;
}
/* def phone section */
.iti__selected-dial-code {
  color: var(--color-black);
}

.form-send .phone-container {
  position: relative;
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  color: inherit;
  background-clip: padding-box;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.form-send .phone2 {
  background-color: transparent;
  color: #000;
}

/* ##############custom form controls################ */
#form1 .form-control {
  color: var(--color-black);
  background-color: var(--color-white);
  border-radius: 0;
}
/* ##############custom select options################ */
#form1 select.form-control {
    background: var(--color-white);
    color: var(--color-black);
    height: 60px;
    padding: 0 30px;
}
#form1 select.form-control>option {
  margin: 40px;
  background: var(--color-white);
  color: var(--color-black);
  text-shadow: 0 1px 0 var(--color-black);
}
#form1 .form-control:focus,#form2 .form-control:focus {
  color: var(--color-black);
}

/* ##############custom styles button################ */
#form1 #submitButton {
  color: #fff;
  border: 1px solid #fff;
  background-color: #74aa9c!important;
  font-size: 20px;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  font-family: FuturaPT;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
#form1 #submitButton:hover {
  background-color: inherit;
  color: #fff;
  border-color: inherit;
}

/* ##############custom phone section################ */

/* #form1 .phone-container {
  position: relative;
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-black);
  background-clip: padding-box;
} */

#form1 .phone2 {
  background-color: transparent;
  color: var(--color-black);
}

.phonef {
  position: absolute;
  top: 0;
  left: 90px;
  width: calc(100% - 92px);
  border-color: transparent;
}

.form-send .error-phone,
.form-send .error-name,
.form-send .error-lastname,
.form-send .error-email,
.form-send .error-selectf {
  display: none;
  color: var(--color-white);
}

.form-send .error-phone,
.form-send .error-name,
.form-send .error-lastname,
.form-send .error-email,
.form-send .error-selectf {
  display: none;
  color: var(--color-black);
}