/* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*/
body {
    font-family: "Arial Nova", "Arial Nova Cond", "Arial Nova Cond Light", "Arial Nova Light";
    }

h2 {
    margin-bottom: 10px;
}

.chat-button {
    background-color: #28a745;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.chat-input{
	font-family: "Arial Nova", "Arial Nova Cond", "Arial Nova Cond Light", "Arial Nova Light";
}
.chat-button:hover {
    background-color: #218838;
}

.chat-window {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
	height: 420px;
    background-color: #f0efeyf;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    z-index: 1000;
	align-items: center;
}

.chat-header {
    background-color: #006580;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-body {
    padding: 10px;
	height: 312px;
    background-color: #f0efef;
}

.chat-footer {
	bottom: 20px;
	right: 10px;
	background-color: #f0efef;
    padding: 10px;
    text-align: right;
}

.close-button {
    background: none;
    border: none;
    color: #fff;
    font-size: 2px;
	cursor: pointer;
}
.send-button {
    background: none;
    border: 2 #000000;
	width: 50px;
	height:35px;
    color: #000000;
    font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 0px;
}