body {
  background: #D9D9D9;
  font-family: 'roboto';

}

.header {
  position: relative;
  background: #3399FF;
  height: auto;
}

.header .navbar-light {
  padding-top: 1em;
  margin: auto;
}

.header .navbar-expand-lg a img {
  width: 250px;
  height: 100px;
  object-fit: contain;
  margin-bottom: 0;
  padding-bottom: 0;
}

.header span form a {
  width: 39px;
  height: 38px;
  background: #FFBA6F;
  border-radius: 4px;
}

/* main section  */
.main {
  width: 92%;
  margin: auto;
}

.main form {
  width: 80%;
  margin: auto;
}

.main form .form-group .btn {
  width: 450px;
  height: 50px;
  background: #2C91DB;
  color: #fff;
  box-shadow: 0px 0px 5px 1px rgba(39, 87, 211, 0.2);
  border-radius: 10px;
}


.main .last-card .card-body {
  width: 948px;
  height: 54px;
  background: rgba(229, 229, 229, 0.34);
  border-radius: 10px;
}


/* footer section  */
footer {
  background: #3399FF;
}

footer .row .form-outline {
  position: relative;
}

footer .row .form-outline input {
  background: #295AB7;
  border: 1px solid #18A0FB;
  border-radius: 3px;
}

footer .row .form-outline input::placeholder {
  color: #fff;
}

footer .row .form-outline i {
  position: absolute;
  top: 12px;
  right: 20px;
}


@media(max-width:768px) {
  .main form .form-group .btn {
    width: 16em;
  }
}