<div class="modal fade" id="archive-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <div class="modal-header">
                    <button type="button pointer" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <p class="modal-text">Are you sure you want to<br>archive?</p>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn pointer" data-dismiss="modal">No</a>
                    <a class="download-btn-custom" href="archive-manage-customers.php">Yes, archive</a>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="suspend-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                    x
                </button>
            </div>
            <div class="modal-body">
                <p class="modal-text">Are you sure you want to<br>suspend patient?</p>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn" href="#">No</a>
                    <a class="download-btn" href="#">Yes, suspend</a>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="caregiver-archive-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <p class="modal-text">Are you sure you want to<br>archive caregiver?</p>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn" href="manage-caregiver.php">No</a>
                    <a class="download-btn" href="archive-caregiver.php">Yes, archive</a>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="caregiver-suspend-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                    x
                </button>
            </div>
            <div class="modal-body">
                <p class="modal-text">Are you sure you want to<br>suspend caregiver?</p>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn" href="#" data-dismiss="modal">No</a>
                    <a class="download-btn" href="#" data-dismiss="modal">Yes, suspend</a>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="delete-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                    x
                </button>
            </div>
            <div class="modal-body">
                <p class="modal-text">Are you sure you want to<br>Delete </p>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn" href="#" data-dismiss="modal">No</a>
                    <a class="download-btn-custom" href="#" data-dismiss="modal">Yes</a>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="message-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Message</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining
                    essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets
                    containing Lorem Ipsum passages.</p>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="reply-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Reply to Raj Shinde</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="col-xxl-12">
                    <textarea name="post-meta-description" class="form-control" id="post-meta-description" cols="10"
                        rows="5"></textarea>

                    <a href="#" class="download-btn">Reply</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="reset-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Enter Password</label>
                        <input type="password" class="form-control">
                    </div>
                </div>
                <p class="modal-text note">Note<span>*</span>: New Password sent to user's email</p>
                <a class="download-btn" href="" data-dismiss="modal">Reset Password</a>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="add-list-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header pb-10">
                    <h5 class="modal-title" id="exampleModalLabel">Add User</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Full Name</label>
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Email Address</label>
                        <input type="email" class="form-control">
                    </div>
                </div>
                <div class="col-md-12 mb-10">
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="radio" name="radio-checked"
                            id="form-check-radio-default-checked">
                        <label class="form-check-label" for="form-check-radio-default-checked">
                            Operations
                        </label>
                    </div>

                </div>
                <div class="col-md-12 mb-10">
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="radio" name="radio-checked"
                            id="form-check-radio-default-checked">
                        <label class="form-check-label" for="form-check-radio-default-checked">
                            Products
                        </label>
                    </div>

                </div>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn" href="#" data-dismiss="modal">Discard</a>
                    <a class="download-btn" href="#" data-dismiss="modal">Submit</a>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="edit-list-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header pb-10">
                    <h5 class="modal-title" id="exampleModalLabel">Edit User</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Full Name</label>
                        <input type="text" class="form-control" value="Kartikey Gautam">
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Email Address</label>
                        <input type="email" class="form-control" value="Kartikeygautam@gmail.com">
                    </div>
                </div>
                <div class="col-md-12 mb-10">
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="radio" name="radio-checked"
                            id="form-check-radio-default-checked" checked>
                        <label class="form-check-label" for="form-check-radio-default-checked">
                            Operations
                        </label>
                    </div>

                </div>
                <div class="col-md-12 mb-10">
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="radio" name="radio-checked"
                            id="form-check-radio-default-checked">
                        <label class="form-check-label" for="form-check-radio-default-checked">
                            Products
                        </label>
                    </div>

                </div>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn" href="#" data-dismiss="modal">Discard</a>
                    <a class="download-btn" href="#" data-dismiss="modal">Submit</a>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="add-role-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header pb-10">
                    <h5 class="modal-title" id="exampleModalLabel">Add a role</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="col-md-6">
                    <div class="mb-4">
                        <label class="form-label">Role name</label>
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="col-md-12 mb-10">
                    <div class="permission">
                        <h2>Role permission</h2>
                        <div class="role-content">
                            <h3>Users</h3>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user1">
                                <label class="form-check-label" for="user1">
                                    Read
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user2">
                                <label class="form-check-label" for="user2">
                                    Write
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user3">
                                <label class="form-check-label" for="user3">
                                    View
                                </label>
                            </div>
                        </div>
                        <div class="role-content">
                            <h3>Caregiver</h3>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user1">
                                <label class="form-check-label" for="user1">
                                    Read
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user2">
                                <label class="form-check-label" for="user2">
                                    Write
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user3">
                                <label class="form-check-label" for="user3">
                                    View
                                </label>
                            </div>
                        </div>
                        <div class="role-content">
                            <h3>Users</h3>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user1">
                                <label class="form-check-label" for="user1">
                                    Read
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user2">
                                <label class="form-check-label" for="user2">
                                    Write
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user3">
                                <label class="form-check-label" for="user3">
                                    View
                                </label>
                            </div>
                        </div>
                        <div class="role-content">
                            <h3>Caregiver</h3>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user1">
                                <label class="form-check-label" for="user1">
                                    Read
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user2">
                                <label class="form-check-label" for="user2">
                                    Write
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user3">
                                <label class="form-check-label" for="user3">
                                    View
                                </label>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn" href="#" data-dismiss="modal">Discard</a>
                    <a class="download-btn" href="#" data-dismiss="modal">Submit</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="edit-role-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header pb-10">
                    <h5 class="modal-title" id="exampleModalLabel">Edit a role</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="col-md-6">
                    <div class="mb-4">
                        <label class="form-label">Role name</label>
                        <input type="text" class="form-control" value="Operations">
                    </div>
                </div>
                <div class="col-md-12 mb-10">
                    <div class="permission">
                        <h2>Role permission</h2>
                        <div class="role-content">
                            <h3>Users</h3>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user1" checked>
                                <label class="form-check-label" for="user1">
                                    Read
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user2" checked>
                                <label class="form-check-label" for="user2">
                                    Write
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user3" checked>
                                <label class="form-check-label" for="user3">
                                    View
                                </label>
                            </div>
                        </div>
                        <div class="role-content">
                            <h3>Caregiver</h3>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user1">
                                <label class="form-check-label" for="user1">
                                    Read
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user2">
                                <label class="form-check-label" for="user2">
                                    Write
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user3">
                                <label class="form-check-label" for="user3">
                                    View
                                </label>
                            </div>
                        </div>
                        <div class="role-content">
                            <h3>Users</h3>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user1">
                                <label class="form-check-label" for="user1">
                                    Read
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user2">
                                <label class="form-check-label" for="user2">
                                    Write
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user3">
                                <label class="form-check-label" for="user3">
                                    View
                                </label>
                            </div>
                        </div>
                        <div class="role-content">
                            <h3>Caregiver</h3>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user1">
                                <label class="form-check-label" for="user1">
                                    Read
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user2">
                                <label class="form-check-label" for="user2">
                                    Write
                                </label>
                            </div>
                            <div class="form-check form-check-primary form-check-inline">
                                <input class="form-check-input" type="checkbox" id="user3">
                                <label class="form-check-label" for="user3">
                                    View
                                </label>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn" href="#" data-dismiss="modal">Discard</a>
                    <a class="download-btn" href="#" data-dismiss="modal">Submit</a>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="restore-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <div class="modal-header">
                    <button type="button pointer" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <p class="modal-text restore-modal-heading">Are you sure you want to<br>Unarchive?</p>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn pointer" data-dismiss="modal">No</a>
                    <a class="download-btn-custom" href="">Yes, archive</a>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="refund-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <div class="modal-header">
                    <button type="button pointer" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <p class="modal-text restore-modal-heading">Are you sure you want to<br>Refund?</p>
                <div class="modal-btn d-flex ">
                    <a class="extra-btn pointer" data-dismiss="modal">No</a>
                    <a class="download-btn-custom" href="">Yes</a>
                </div>

            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="add-passport-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <div class="modal-header d-flex justify-content-between modal-title">
                    <h5>Add passport</h5>
                    <button type="button pointer" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="mb-4" style="padding: 0px 10px;">
                    <div class="mb-3">
                        <label>Select passport</label>
                        <select class="form-control">
                            <option value="" disabled selected>select</option>
                            <option value="">dummy</option>
                            <option value="">dummy</option>
                        </select>
                    </div>
                    <div>
                        <label>Select voucher</label>
                        <select class="form-control">
                            <option value="" disabled selected>select</option>
                            <option value="">dummy</option>
                            <option value="">dummy</option>
                        </select>
                    </div>
                    <a class="download-btn-custom mt-4 mx-auto w-25" href="">
                        <span>Add</span>
                    </a>
                </div>

            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="edit-voucher-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <div class="modal-header d-flex justify-content-between modal-title">
                    <h5>Edit voucher</h5>
                    <button type="button pointer" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="mb-4" style="padding: 0px 10px;">
                    <div class="mb-3">
                        <label>Passport</label>
                        <input class="form-control " type="text" name="" id="" value="123456" disabled>
                    </div>
                    <div>
                        <label>Select voucher</label>
                        <select class="form-control ">
                            <option value="" disabled selected>select</option>
                            <option value="">dummy</option>
                            <option value="">dummy</option>
                        </select>
                    </div>
                    <a class="download-btn-custom mt-4 mx-auto w-25" href="">
                        <span>Update</span>
                    </a>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="premission-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 640px;">
        <div class="modal-content">

            <div class="modal-body">
                <div class="modal-header d-flex justify-content-between modal-title">
                    <h5>View premission</h5>
                    <button type="button pointer" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>

                <div class="row" style="padding: 0px 10px;">
                    <div class="form-group subadmin-option col-md-4">
                        <input id="customers" type="checkbox" class="form-control">
                        <label for="customers" class="label mb-0">Manage Customers</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="cms" type="checkbox" class="form-control">
                        <label for="cms" class="label mb-0">Manage CMS</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="dasboard" type="checkbox" class="form-control">
                        <label for="dasboard" class="label mb-0">Manage Dashboard</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="restaurant" type="checkbox" class="form-control">
                        <label for="restaurant" class="label mb-0">Manage Restaurant</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="vouchers" type="checkbox" class="form-control">
                        <label for="vouchers" class="label mb-0">Manage Vouchers</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="analysis" type="checkbox" class="form-control">
                        <label for="analysis" class="label mb-0">Manage Reports &
                            Analysis</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="passports-option" type="checkbox" class="form-control">
                        <label for="passports-option" class="label mb-0">Manage
                            Passports</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="subadmin" type="checkbox" class="form-control">
                        <label for="subadmin" class="label mb-0">Manage Sub-Admin</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="notification" type="checkbox" class="form-control">
                        <label for="notification" class="label mb-0">Manage Notification</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="feedback" type="checkbox" class="form-control">
                        <label for="feedback" class="label mb-0">Manage Feedback</label>
                    </div>
                    <div class="form-group subadmin-option col-md-4">
                        <input id="contact" type="checkbox" class="form-control">
                        <label for="contact" class="label mb-0">Manage Contact Us</label>
                    </div>

                </div>


            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="comment-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header p-0">
                    <h5 class="modal-title">Comment</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining
                    essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets
                    containing Lorem Ipsum passages.</p>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="add-faq-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header p-0">
                    <h5 class="modal-title">Add FAQ</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <label for="">Question</label>
                        <input class="form-control" type="text" >
                    </div>
                    <div class="col-md-12">
                        <label for="">Answer</label>
                        <textarea name="" id="" rows="5" cols="50" class="form-control"></textarea>
                    </div>
                    <a class="download-btn-custom mt-4 mx-auto w-25" href="">
                        <span>Save</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="edit-faq-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header p-0">
                    <h5 class="modal-title">Edit FAQ</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <label for="">Question</label>
                        <input class="form-control" type="text" >
                    </div>
                    <div class="col-md-12">
                        <label for="">Answer</label>
                        <textarea name="" id="" rows="5" cols="50" class="form-control"></textarea>
                    </div>
                    <a class="download-btn-custom mt-4 mx-auto w-25" href="">
                        <span>Update</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>