label {
    display: block;
    position: relative;
    margin: 40px 0px;
  }
  .label-txt {
    position: absolute;
    top: -1.6em;
    padding: 10px;
    font-family: sans-serif;
    /*font-size: .8em;*/
    letter-spacing: 1px;
    font-weight: 800;
    color: rgb(120,120,120);
    transition: ease .3s;
  }
  .input {
    width: 100%;
    padding: 10px;
    background: transparent;
    border: none;
    outline: none;
  }
  
  .line-box {
    position: relative;
    width: 100%;
    height: 2px;
    background: #BCBCBC;
  }
  
  .line {
    position: absolute;
    width: 0%;
    height: 2px;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: #8BC34A;
    transition: ease .6s;
  }
  
  .input:focus + .line-box .line {
    width: 100%;
  }
  
  .label-active {
    top: -3em;
  }
  
  button {
    display: inline-block;
    padding: 12px 24px;
    background: rgb(220,220,220);
    font-weight: bold;
    color: rgb(120,120,120);
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    transition: ease .3s;
  }
  
  button:hover {
    background: #8BC34A;
    color: #ffffff;
  }
  select{
    border: none !important;
    outline: none !important;
    background:transparent  !important;
    color:wheat;
  }
  #register-border{
    border-color: darkorchid;  
    border-style: inset;
    border-width: 10px;
    /*background-color: #e8d4f1;*/
    /*width: 95%;*/
    margin-left: 2%;
    margin-right: 2%;
    max-width: max-content;
    flex: content;
  }
.carousel-caption {
    left: 2% !important;
    right: 2% !important;
    bottom: 9px !important;
    padding-bottom: 0px !important;    
}