.iti {
  width: 100%;
}

.phone-label{
position: absolute;
top:15px;
margin-left: 40px;
}


.connect-bs-modal .form-floating .form-control:focus ~ label.phone-label, .connect-bs-modal .form-floating .form-control:not(:placeholder-shown) ~ label.phone-label, .connect-bs-modal .form-floating .form-select:focus ~ label.phone-label, .connect-bs-modal .form-floating .form-select:not([value=""]) ~ label.phone-label,.focus-label{
  transform: scale(0.85) translateY(-2.3rem) translateX(-4.29rem) !important;
  color:#8e44ad;
}
.iti--inline-dropdown .iti__dropdown-content {
z-index: 20 !important;
}

.phone-error-label,.error-label{
color: #B10000;
font-size: 15px;
opacity:1;
}

.thank-note:focus{
  outline: none;
}

.hide{
display: none;
}

.iti__selected-dial-code{
font-size: 1.8rem;
color: #2d2828;
height: 56%;
}

.form-control{
padding-bottom: 0px;
}

.iti__selected-country {
  height: 115% !important
}

.iti__selected-country-primary{
height: 65% !important;
}

.ftr-head-title{
  color: #ffffff;
}

#phone{
  padding-bottom: 2px !important;
}

.success-message{
  z-index: 0;
}

.success-message .text-center .btn-submit{
  z-index: 1;
}

.form-submit-load .btn-submit{
  background-color: #9D999A !important;
}

.error-message{
  min-height: 500px;
  position: relative;
}

.error-message .btn-submit{
  z-index: 2;
}

.error-message::after {
  position: absolute;
  content: "";
  left: 10%;
  right: 0px;
  width: 80%;
  top: -55px;
  height: 80%;
}

.focus-container:focus{
  outline: none;
}

.height-control{
  height:0px;
  width:0px;
}