.appointment-modal{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.6);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:99999;

}

.appointment-modal.active{

    display:flex;

}

.appointment-box{

    width:min(550px,92%);

    background:#fff;

    padding:40px;

    position:relative;

}

.appointment-close{

    position:absolute;

    right:20px;

    top:15px;

    font-size:34px;

    background:none;

    border:none;

    cursor:pointer;

}

.appointment-item{

    margin-bottom:18px;

}

.appointment-item h4{

    color:#0B2C5D;

    margin-bottom:5px;

}

.appointment-actions{

    display:flex;

    gap:15px;

    margin-top:25px;

}