body{
    margin: 0;
    padding: 0;
}
.mainpage{
    /* padding-top:7rem;
    margin-bottom: 17rem; */
    background-image: url(./appointment/Desktop\ -\ 2.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 500px;
}
.heading{
    color: #080808;

font-size: 29px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
}
.whatsapp{
    position: fixed;right: 0;top: 40%;z-index:500;
}

#card {
    width: 75%;
    max-width: 600px; /* Set a maximum width if necessary */
    /* width: 571.597px; */
    /* height: 727.738px; */
    margin: 0 auto; /* Center the card horizontally */
    border-radius: 6px;
    background: #FEE296;
    margin-top: 30px;
    border: none;
   
    box-shadow:0px -1px 9px 2px rgba(0, 0, 0, 0.2) !important
}
.inputbox{
    width: 90%;
    margin-top: 30px;
    height: 51.782px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #B9B8B8;
    background: #FFF;
    padding: 15px;
}
.booknow{
    width: 90%;
    margin-top: 40px;
    height: 51.782px;
    border-radius: 4px;
border: 1px solid #B9B8B8;
color: #FFF;

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
letter-spacing: 0.24px;
background: #004441;
}
.form{
   margin:auto;
}
#select{
    border-right:12px solid #fff;
   
}
label{
    margin-top: 15px;
    margin-left: 5px;
}
#message{
    height: 99.581px;
    margin-top: 5px;
}
@media screen and (max-width: 600px) {
    .form{
        margin-left: 30px;
    }
}