@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap);

body {
  font-family: Rubik;
}
.form_sec{
	width: 100%;
	margin-top: 40px;
}
.form_container{
	max-width: 620px;
    height: auto;
    margin: auto;
}
.form_inner{
	min-height: 100%;
    box-shadow: none;
    border-radius: 0px;
    padding: 40px;
}

.form_innnerSec {
/*    display: flex;*/
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
}
.form_heading h1{
	    line-height: 1.32;
    text-wrap: balance;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    color: rgb(17, 17, 17);
    margin: 0;
}
.form_innnerSec_ttl{

	margin-top: 8px;
    line-height: 1.4;
    text-wrap: balance;
    font-size: 16px;
    color: rgb(64, 64, 64);
}
/*.form_info{
	    display: flex;
    flex-direction: column;
    text-align: left;
    margin-left: -12px;
    margin-right: -12px;
}*/
.form_info h2{
    flex-basis: 100%;
    text-align: left;
    vertical-align: top; 
    margin-bottom: 24px;
    margin-top: 0px;
    margin-top: 12px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    color: rgb(17, 17, 17);
}
.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group label {
  position: relative;
  cursor: pointer;
}


.form_check{
	display: block;
}
.checkbox_heading{
	font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: rgb(17, 17, 17);
    line-height: 20px;
    margin-bottom: 8px;
}
.form_fields{
	box-sizing: border-box;
    flex-direction: column;
    flex-basis: 100%;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    margin-bottom: 24px;
    margin-top: 0px;
}
.custom-field {
  position: relative;
  font-size: 14px;
  border-top: 20px solid transparent;
  margin-bottom: 5px;
  display: inline-block;
  --field-padding: 12px;
  width: 100%;
}

.custom-field input, .custom-field textarea  {
  border: 1px solid rgba(17, 17, 17, 0.05);
  appearance: none;
  background: #f2f2f2;
  padding: 16px;
  border-radius: 3px;
  outline: none;
  font-size: 14px;
  width: 100%;
  font-weight: 600;
}
.custom-field textarea {
	font-size: 18px !important;
}
textarea{
	resize: none !important;
}
.custom-field .placeholder {
  position: absolute;
  left: var(--field-padding);
  width: calc(100% - (var(--field-padding) * 2));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 27px;
  line-height: 100%;
  transform: translateY(-50%);
  color: #aaa;
  transition: 
    top 0.3s ease,
    color 0.3s ease,
    font-size 0.3s ease;
}

.custom-field textarea.dirty + .placeholder,
.custom-field textarea:focus + .placeholder,
.custom-field textarea:not(:placeholder-shown) + .placeholder{
  top: 14px;
  font-size: 13px

}
.custom-field input.dirty + .placeholder,
.custom-field input:focus + .placeholder,
.custom-field input:not(:placeholder-shown) + .placeholder {
  top: 14px;
  font-size: 12px;
/*  color: #222;*/
}

.custom-field input:focus, .custom-field textarea:focus{
	border:1px solid rgb(255,28,92);
}
.form_btn button{
	border-radius: 4px;
    border-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: inherit;
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
    background-color: rgb(109, 140, 51);
    border-width: 2px;
    min-width: 100%;
    padding: 10px 6px;
    cursor: pointer;
}