.form__group {
	 position: relative;
	 padding: 1px 0 0;
	 margin-top: 10px;
	 width: 100%;
}
 .form__field {
	 font-family: inherit;
	 width: 100%;
	 border: 0;
	 border-bottom: 1px solid #9b9b9b;
	 outline: 0;
	 font-size: 1.3rem;
	 color: #fff;
	 padding: 7px 0;
	 background: transparent;
	 transition: border-color 0.2s;
}
 .form__field::placeholder {
	 color: transparent;
}
 .form__field:placeholder-shown ~ .form__label {
	 font-size: 0.8rem;
	 cursor: text;
	 top: 20px;
}
 .form__label {
	 position: absolute;
	 top: 0;
	 display: block;
	 transition: 0.2s;
	 font-size: 0.8rem;
	 color: #9b9b9b;
}
 .form__field:focus {
	 padding-bottom: 6px;
	 border-width: 2px;
	 border-image: linear-gradient(to right, #1B43A8, #4865AC);
	 border-image-slice: 1;
	 
}


 .form__field:focus ~ .form__label {
	 position: absolute;
	 top: 0;
	 display: block;
	 transition: 0.2s;
	 font-size: 0.9rem;
	 color: #1B43A8;
}
/* reset input */
 .form__field:required, .form__field:invalid {
	 box-shadow: none;
}

/* CSS */
.button-58 {
  align-items: center;
  background-color: #4865AC;
  border: 2px solid #4865AC;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  fill: #000;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
  min-width: 140px;
  outline: 0;
  padding: 0 17px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width:100%;
}

.button-tab {
  align-items: center;
  background-color: #fff;
  border: none;
  border-bottom: 2px solid #ccc;
  box-sizing: border-box;
  color: #ccc;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
  min-width: 140px;
  outline: 0;
  padding: 0 17px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width:100%;
}

.button-58:focus {
  color: #171e29;
}

.button-58:hover {
  background-color: #4865AC;
  border-color: #4865AC;
  fill: #06f;
}

.button-58:active {
  background-color: #4865AC;
  border-color: #4865AC;
  fill: #06f;
}
.button-tab-active{
    color: #06f;
  border-bottom: 2px solid #06f;
}



/**Check Box*/
 .terms-radio {
  display:block;
  padding: 1em 0;
}