.bottom_footer_light {
    background-color: #fff;
    padding: 20px 0;
}
.copyright_light {
    color: #7a7a7a;
    font-size: 14px;
    margin: 0;    
}

.footer_menu_light {
    text-align: right;
}

.footer_menu_light li a, .footer_link a {
    color: #7a7a7a;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .copyright_light, .footer_menu_light {
        text-align: center!important;
    }
}

.dark_font {
    color: #7a7a7a; 
}

.dark_font .ddlabel {
    color: #7a7a7a!important; 
}

@media only screen and (max-width: 480px) {
    .colpad {
        margin-bottom: 15px;
    }        
}

.form-group-2 {
    margin-bottom: 15px!important; 
}

/*---------------
Input field 
----------------*/
.form__group {
  position: relative;
  padding: .375rem 0.75rem;  
  width: 100%;
}

.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #9b9b9b;
  outline: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
  padding: .375rem 0;
  background: transparent;
  transition: border-color 0.2s;

  &::placeholder {
    color: transparent;
  }

  &:placeholder-shown ~ .form__label {
    font-size: 1.3rem;
    cursor: text;
    top: 20px;
  }
}

.form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #9b9b9b;
}

.form__field:focus {
  ~ .form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #11998e;
    font-weight:700;    
  }
  padding-bottom: 6px;
  border-width: 2px;
  border-image: linear-gradient(to right, #5957cd,#034fd1);
  border-image-slice: 1;
}
/* reset input */
.form__field{
  &:required,&:invalid { box-shadow:none; }
}