.placeOrder {
  text-align: center;
  padding: 40px 0;
  background: #EBF0F5;
}
.placeOrder h1 {
    color: #88B04B;
    font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
    font-weight: 900;
    font-size: 40px;
    margin-bottom: 10px;
  }
.placeOrder p {
    color: #404F5E;
    font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
    font-size:20px;
    margin: 0;
  }
.placeOrder i {
  color: #9ABC66;
  font-size: 100px;
  line-height: 200px;
  margin-left:-15px;
}
.placeOrder .card {
  background: white;
  padding: 60px;
  border-radius: 4px;
  box-shadow: 0 2px 3px #C8D0D8;
  display: inline-block;
  margin: 0 auto;
}
.placeOrder  .btn-theme {
  background-color: #161117;
  font-size: 14px;
  border-radius: 10px;
  color: #eed484 !important;
  padding: 15px;
  margin: 16px 0;
  width: 100%;
}

#login button.btn-close{
  position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
}
#login  .modal-content{
  padding: 10px;
}
.ico-login i{
  margin: 20px auto 10px;
  display: block;
  text-align: center;
  font-size: 27px;
  border: 1px solid #ddd;
  width: fit-content;
  padding: 30px;
  border-radius: 50%;
  color: #8f8f8f;
  width: 90px;
  height: 90px;
}
a.mobile-btn, a.email-btn, a.mobile-btn:hover, a.email-btn:hover{
  color: #cbb36b  !important;
  text-decoration: none;
}
.fs-24px{
  font-size: 24px;
}
input.tel-input:focus-visible{
  border: none !important;
}


.mobileLogin{
  padding: 10px 15px !important
}
.mobileLogin span{
  font-size: 15px;
  padding: 0;
  margin: 0 4% 0 0;
  width: 16%;
  display: inline-block;
  font-weight: bold;
}
.mobileLogin input{
  border: none;
  background: transparent;
  width: 79%;
}
.mobileLogin input:focus-visible{
  border: none !important;
  outline: none;
}



  @media only screen and (max-width: 768px) {
  #login {
      bottom: 0;
    }
    #login .modal-content {
      width: 100%;
      margin: 0;
  }
  #login .modal-dialog {
    margin: 0;
    height: 100vh;
  }
  .modal-dialog {
    max-width: 100%;
  }
  #login .modal-content {
    align-self: end;
  }
}