/* Button */
.appointment-btn{
    background:#ffffff;
    color:#0f2f5f;
    font-weight:600;
    padding:14px 35px;
    border-radius:50px;
    border:none;
    transition:0.3s;
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.appointment-btn:hover{
    transform:translateY(-3px);
    background:#e6f0ff;
}

/* Modal Design */
.modal-content{
    border-radius:22px;
    padding:28px;
    border:none;

    /* Soft premium background */
    background: linear-gradient(145deg,#f0f6ff,#e3edff);

    box-shadow:
        0 25px 50px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.6);
}
.modal-header{
    border:none;
}

.modal-title{
    color:#0f2f5f;
    font-weight:700;
    font-size:22px;
    letter-spacing:0.5px;
}

.form-control{
    border-radius:14px;
    padding:12px 16px;
    margin-bottom:18px;
    border:1px solid #c9d7ec;
    background:#ffffff;
    transition:0.3s;
}

.form-control:focus{
    border-color:#123d77;
    box-shadow:0 0 8px rgba(18,61,119,0.2);
}

/* Submit Button */
.submit-btn{
    background: linear-gradient(90deg,#0f2f5f,#123d77);
    color:#fff;
    border:none;
    padding:12px;
    border-radius:30px;
    width:100%;
    font-weight:600;
    transition:0.3s;
}

.submit-btn:hover{
    transform:scale(1.05);
}