.custom-form {

	border-radius: 4px;
	padding: 10px;
	max-width: 400px;
	margin: 20px auto;
}

.custom-form h2 {
	font-size: 16px;
	margin: 0;
	padding: 5px 10px;
	background-color: #0073e6;
	color: white;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.custom-form input[type="text"] {
	width: calc(100% - 60px);
	padding: 10px !important;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	height:50px;
	color:white;
}

.custom-form .send-button {
	width: 50px;
    padding: 0px;
    border: none;
    background-color: #a3a8b0;
    color: white;
    border-radius: 4px;
    font-size: 22px;
    cursor: pointer;
    display: inline-block;
    height: 50px;
}

.custom-form .send-button:hover {
	background-color: #0073e6;
}
.commentries_msg{
	background-color:#000;
}
.inquiry_msg{
	background-color:#000;

}
.snskrit_msg{
	background-color:#000;

}

.main-content-ai-assist-widget{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
@media only screen and (max-width: 768px) {
	.main-content-ai-assist-widget{
		flex-direction: column;
	}
}

/* The Modal (background) */
/*
.modal {
display: none; 
position: fixed; 
z-index: 1; 
padding-top: 100px; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0); 
background-color: rgba(0,0,0,0.4);
}
*/

/* Modal Content */
/*
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
color:white;
}

/* Add Animation */
/*
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}

@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}

/* The Close Button */
/*
.close {
color: black;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}

.modal-header {
padding: 16px 16px;
background-color: white;
color: black;
float:left !important; 
}

.modal-body {padding: 16px 16px !important;}

.modal-footer {
padding: 16px 16px !important;
background-color: white;
color: black; 
float:left Important;
}
.send{
height:40px;
}
.sc_title{
color : #7A7A7A;
font-family : Roboto;
font-weight: 400;
}
*/