:root {
    --primary-color: #00b140; /* Default green color */
}

.modal-content {
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.modal-header {
    background-color: var(--primary-color);
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.modal-header .btn-close{
    padding: 3px !important;
    margin: 0px !important;

}

.btn-close {
    background-color: white;
    color: white;
    opacity: 1;
}
.btn-close:hover {
    color: #d4d4d4;
}
.modal-footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}