.heading{
  background: rgb(18, 101, 201);
  color: white;
  padding: 2px;
  text-align: center;
  letter-spacing: 1px;
  font-size: 22px;
  margin: -60px -30px 50px -30px;
}
label {
display: block;
font-size: 20px;
margin-bottom: 10px;
}
input {
margin-bottom: 20px;
border: none;
font-size: 20px;
border: 1.3px solid #585858;
color: #585858;
border-radius: 15px;
padding: 90px;

padding: 5px 15px;

}
input:focus {
outline: none;
border-bottom: 2.4px solid #01e26e;
}
.input-wrapper {
display: flex;
justify-content: space-between;
gap: 20px;
}
.input-wrapper input {
width: 90%;
height: 45px;
}
.time-wrapper input {
width: 40%;
height: 45px;
}
select {
width: 38%;
border: 2px solid #0b6bdf;
font-size: 20px;
margin-left: 18%;
padding: 8px 0;
border-radius: 2px;
border-radius: 15px;
}
button {
display: block;
background-color: #0b83be;
border: none;
color: #ffffff;
margin: 20px auto 0 auto;
padding: 15px 40px;
font-size: 20px;
border-radius: 5px;
}
#result {
margin-top: 30px;
color: #585858;
text-align: center;
font-size: 18px;
padding: 20px;
display: none;
border-radius: 5px;
box-shadow: 0 0 20px rgba(0,139,253,0.35);
}
#result div {
margin-bottom: 10px;
}
#result span {
color: #000000;
font-weight: 500;
}
button:focus ~ #result,
#rate:focus ~ #result
{
  display: block;
}