body{
    position:relative;
    height:100vh;
    background-color:#f8f9fa!important
}
p{
    font-family:Roboto,Arial,Helvetica,sans-serif
}
.copy{
    font-size:16px;
    line-height:20px;
    color:#3b4857
}
.bg-header{
    background-color:#ebf2f8
}

.navbar{
    background-color:#fff
}

form{
    display:flex
}
footer,form{
    flex-direction:column;
    align-items:center
}

.mb-2 {
    background-color:#E87722!important;
    border-color:#E87722!important
}

footer{
    padding:50px;
    display:flex!important;
    background-color:#f8f9fa;
    font-family:Roboto,Helvetica Neue,Arial,Helvetica,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:12px;
    line-height:14px;
    text-align:center
}
footer,footer a{
    color:#133b6c
}

svg {
  width: 100px;
  display: block;
  margin: 40px auto 0;
}
.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
p.success {
  color: #73AF55;
}
p.error {
  color: #D06079;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}