.shadow-box {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  background-color:  #fff;
  min-height: 432px;
  box-shadow: 0px 2px 26.56px 5.44px rgba(49, 39, 89, 0.09);
  padding: 68px;
}

.log-section{
  border: 1px solid #989898;
  min-height: 375px;
  border-radius: 5px;
}

.padding-right-21{
  padding-right: 21px;
}
.padding-left-21{
  padding-left: 21px;
}
.log-section-1{
  padding: 40px;
}
.log-section-2{
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 20px;
  padding-left: 20px;
}
.log-section-1 h1{
  width: 150px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  top: -25px;
  left: calc(100% - 300px);
  font-size: 36px;
  font-family: "DaxlinePro";
  color: rgb(152, 152, 152);
  font-weight: bold;
  line-height: 0.667;
  text-align: center;
  padding-top: 10px;
  text-transform:uppercase;
}
.log-section-2 h1{
  width: 200px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  top: -25px;
  left: calc(100% - 370px);
  font-size: 36px;
  font-family: "DaxlinePro";
  color: rgb(152, 152, 152);
  font-weight: bold;
  line-height: 0.667;
  text-align: center;
  padding-top: 10px;
  text-transform: uppercase;
}
.log-section .form-group label {
    position: relative;
    top: 42px;
    left: 12px;
    font-size: 15px;
    color: #312759;
    padding: 5px;
    font-weight: normal;
    transition: all .5s;
    z-index: 1020;
}
.log-section .form-group label.active {
    position: relative;
    top: 11px;
    left: 15px;
    background: #fff;
    font-size: 12px;
    color: #312759;
    padding: 5px;
    font-weight: normal;
    z-index: 1020;
}

.log-section .form-control{
  height: 60px;
  border: 1px solid #000;
  z-index: 1030;
  font-size: 17px;
  font-weight: normal;
  font-family: "DaxlinePro";
  color: rgb(145, 151, 155);
  line-height: 1.412;
  text-align: justifyLeft;
}
.btn-log{
  height: 60px;
  margin: 0;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #312759!important;
  background-color: #312759!important;
  outline: 0;
  color: #fff;
  font-size: 30px;
  font-family: "DaxlinePro";
  font-weight: bold;
  line-height: 1.2;
  text-align: justifyLeft;
  transition: all .8s;
}
.btn-log:hover{
  border: 1px solid #ffcb00!important;
  background-color: #ffcb00!important;
  color: #312759;

}
.btn-log:hover span{
  border: 1px solid #312759!important;
  background-color: #312759!important;
}
.btn-log span{
  width: 306px;
  height: 7px;
  background-color: #ffcb00!important;
  position: absolute;
  bottom: 56px;
  left: 41px;
  border-radius: 0px 0px 6px 6px;
  transition: all .8s;
}
.btn-reg{
  height: 60px;
  margin: 0;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #312759!important;
  background-color: #312759!important;
  outline: 0;
  color: #fff;
  font-size: 30px;
  font-family: "DaxlinePro";
  font-weight: bold;
  line-height: 1.2;
  text-align: justifyLeft;
  transition: all .8s;
}
.btn-reg:hover{
  border: 1px solid #ffcb00!important;
  background-color: #ffcb00!important;
  color: #312759;
}
.btn-reg:hover span{
  border: 1px solid #312759!important;
  background-color: #312759!important;
}
.btn-reg span{
  width: 480px;
  height: 7px;
  background-color: #ffcb00!important;
  position: absolute;
  bottom: 15px;
  left: 15px;
  border-radius: 0px 0px 6px 6px;
  transition: all .8s;
}
a.forgot_password{
  font-size: 17px;
  font-family: "DaxlinePro";
  color: rgb(49, 39, 89);
  line-height: 1.412;
  text-align: justifyLeft;
  z-index: 70;
  text-decoration: none;
}
.checkbox-login{
  width: 21px;
  height: 21px;
  border: 1px solid #312759;
  position: relative;
  top: 5px;
}


@media(max-width:760px)
{
  .shadow-box {
    padding: 15px;
    padding-top: 68px;
  }
  .log-section-1::before {
      left: 15px;
  }
  .log-section-2::before {
      left: 15px;
  }
  .btn-log{
    width: 277px;
  }
  .btn-log span{
    width: 277px;
  }
  .btn-reg{
    width: 277px;
  }
  .btn-reg span{
    width: 277px;
    bottom: 0;
  }
}