/* ===========================
   BOOKING MODAL
=========================== */

.modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.7);
    z-index:9999;

    justify-content:center;
    align-items:center;

    padding:20px;
}

.modal.active{
    display:flex;
}

.modal-content{

    width:100%;
    max-width:600px;

    background:#fff;
    color:#111;

    border-radius:12px;

    padding:35px;

    position:relative;

    max-height:90vh;
    overflow-y:auto;
}

.close-btn{

    position:absolute;
    right:20px;
    top:15px;

    font-size:30px;
    cursor:pointer;
}

.modal-content h2{
    text-align:center;
    margin-bottom:10px;
}

.modal-subtitle{
    text-align:center;
    color:#666;
    margin-bottom:25px;
}

.modal-content label{
    display:block;
    margin-bottom:8px;
    font-weight:500;
}

.modal-content input,
.modal-content select,
.modal-content textarea{

    width:100%;

    padding:14px;

    margin-bottom:20px;

    border:1px solid #ccc;

    border-radius:8px;

    font-size:15px;
}

.submit-btn{

    width:100%;

    padding:15px;

    background:#f47b00;

    color:white;

    border:none;

    border-radius:30px;

    font-size:16px;

    cursor:pointer;

    transition:.3s;
}

.submit-btn:hover{

    background:#ff9128;
}