.header-wrapper .header .inner-header-description{
	padding-bottom:0px;
}



#page-content{
	transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	background-color:#f5fafd;
}



.hentry div .ai-container{
	border-radius:20px;
	box-shadow:0px 0px 37px -17px #16515f;
	box-shadow:0px 0px 38px -22px #16515f;
	background-color:#f5fafd;
}



.header .col-xs{
	display:none;
	display:none;
	display:none;
}



.hentry div .active{
	margin-right:1em;
	border-radius:10px;
	margin-right:1em;
	border-radius:10px;
	margin-right:1em;
	border-radius:10px;
}



.hentry .ai-chat-messages .ai-chat-message{
	background-color:rgba(17,179,167,0.2);
	padding-top:1em;
	padding-bottom:1em;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-left:10px;
	padding-right:10px;
	background-color:rgba(17,179,167,0.2);
	padding-top:1em;
	padding-bottom:1em;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-left:10px;
	padding-right:10px;
}



.hentry .ai-chat-messages .ai-assistant-message{
	background-color:rgba(24,113,153,0.2);
	padding-top:1em;
	padding-bottom:1em;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-left:10px;
	padding-right:10px;
	background-color:rgba(24,113,153,0.2);
	padding-top:1em;
	padding-bottom:1em;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-left:10px;
	padding-right:10px;
}



.hentry div .ai-chat-container{
	background-color:#f5fafd;
}



#content{
	padding-top:0px;
	padding-bottom:0px;
}



.et_pb_code .ai-et_pb_section{
	background-color:transparent;
}



.et_pb_code .ai-et_pb_section:nth-child(2) > div:nth-child(1){
	min-height:30em;
	color:rgba(0,0,0,0.8);
	border-radius:10px;
	margin-top:15px;
	margin-bottom:15px;
}



.ai-container .ai-chat-container .chat-input-button svg{
	fill: #FFFFFF;
	width: 18px;
	height: auto;
	vertical-align: middle;
}



.ai-container .ai-hamburger svg{
	fill: #FFFFFF;
	width: 25px;
	height: 40px;
	vertical-align: middle;
}



.et_pb_code .ai-form-group input[type=text]{
	border-radius: 10px;
	font-size:14px;
	font-weight:500;
	width: 280px;
	text-align:center;
	padding-left:1em;
	padding-right:1em;
	padding-top:1em;
	padding-bottom:1em;
	margin-left:1em;
	margin-right:1em;
}



#response-box{
	position: relative;
	overflow:visible;
	font-weight:400;
	line-height:1.7em;
	margin-bottom:20px;
	text-align:justify;
	color:#1e1e1e;
	margin-top:20px;
	padding-right:5em;
	padding-left:5em;
	padding-bottom:50px;
	padding-top:20px;
}



.ai-copy_button{
	border-radius: 10px;
	font-size:14px;
	font-weight:500;
	text-align:center;
	padding-left:2em;
	padding-right:2em;
	padding-top:1em;
	padding-bottom:1em;
	margin-top:20px;
	margin-bottom:20px;
}



#generate_blog{
	width:100%;
	display:block;
	margin-left:0px;
	margin-right:0px;
	color:#fff;
	border-radius: 10px;
	font-size:14px;
	font-weight:500;
	text-align:center;
	padding-left:2em;
	padding-right:2em;
	padding-top:1em;
	padding-bottom:1em;
	animation-fill-mode:both;
	background-color:#187199;
	margin-bottom:1em;
}



.et_pb_code .ai-et_pb_column .ai-wrapper{
	min-height:4em;
}



.et_pb_code .ai-et_pb_section .ai_et_pb_row .ai-et_pb_column{
	display:inline-block;
}

#generate_blog:hover{
	background-color:#918cdb;
}

.et_pb_code .copy-btn .ai-copy_button:hover{
	color:rgba(145,140,219,0.8);
	background-color:rgba(145,140,219,0.04);
}



#response-box h1,h2,h3,h4,h5{
	color:#ffffff;
	text-align:left;
	line-height:1.2em;
}



.et_pb_code .copy-btn .ai-copy_button{
	background-color:rgba(255,255,255,0.05);
	color:rgba(145,140,219,0.8);
	border-width:1px;
	border-color:rgba(145,140,219,0.8);
	border-style:solid;
}



#response-box h1{
	color:#1e1e1e;
}



#response-box > p{
	color:#1e1e1e;
}



#response-box > h2{
	color:#1e1e1e;
}



.ai-history li a{
	color:rgba(145,140,219,0.8);
}



.et_pb_module .et_pb_code_inner .ai-et_pb_section .ai_et_pb_row .ai-et_pb_column{
	width:100%;
}



.ai_et_pb_row .ai-et_pb_column .ai-et_pb_module{
	width:100%;
}



.et_pb_section_0 .ai-form-group input[type=text]{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:1em;
	margin-bottom:1em;
}



.et_pb_section_0 .ai-et_pb_column .ai-wrapper{
	width:100%;
}



.ai-et_pb_section:nth-child(2) > div:nth-child(1){
	background-color:transparent;
	border-top-left-radius:10px;
	border-width:1px;
	border-style:solid;
	border-color:rgb(237,237,237);
	box-shadow:0px 14px 17px -7px rgba(145,140,219,0.31);
}



.et_pb_section_0 .copy-btn .ai-copy_button{
	width:100%;
}



#cover-spin{
	position:absolute;
	width:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color: rgba(255,255,255,0.7);
	z-index:9999;
}



#cover-spin::after{
	content:'';
	display:block;
	position:absolute;
	left:48%;
	top:40%;
	width:40px;
	height:40px;
	border-style:solid;
	border-color:black;
	border-top-color:transparent;
	border-width: 4px;
	border-radius:50%;
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}



.ai-chat-container{
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid #000;
	padding: 10px;
}



.chat-input-button{
	flex: 0 0 auto;
	width: 100px;
	border: 1px solid #337ab7;
	border-radius: 5px;
	background: #337ab7;
	color: #fff;
	flex: 0 0 auto;
	width: 100px;
	border: 1px solid #337ab7;
	border-radius: 5px;
	background: #337ab7;
	color: #fff;
}



.ai-chat-messages{
	display: flex;
	flex-direction: column;
	flex: 1;
	overflow: auto;
	padding: 1rem;
	max-height: 500px;
}



.ai-chat-message{
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}



.ai-assistant-message{
	align-self: flex-start;
	max-width: 75%;
	background-color: #f5f5f5;
}



.ai-user-message{
	align-self: flex-end;
	max-width: 75%;
	background-color: #d9eaff;
}



.message-text{
	padding: 0.5rem;
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
}



.chat-input-form{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}



.chat-input-field{
	flex: 1;
	margin-right: 10px;
	border-radius: 5px;
	border: 1px solid #000 !important;
}



.ai-loading-spinner{
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-left-color: #09f;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 1s linear infinite;
}



.chat-message.error-message{
	background-color: #FFCCCC;
	color: #FF0000;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}



p.older-msg{
	text-align: center;
}



.ai-loading-btn{
	position: relative;
	padding: 0;
	opacity: 1 !important;
	border: none;
	cursor: pointer;
}



.ai-dot{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0;
	animation: loading 1s ease-in-out infinite;
}



.ai-assistant-message .ai-dot{
	background-color: #000 !important;
}



.ai-dot-1{
	animation-delay: 0s;
}



.ai-dot-2{
	animation-delay: 0.2s;
}



.ai-dot-3{
	animation-delay: 0.4s;
}



.ai-loading-btn.ai-loading .ai-dot{
	opacity: 1;
}



.history-sidebar.active{
	left: 0;
}



.et_pb_code .active::-webkit-scrollbar{
	width: 5px;
}



.et_pb_code .active::-webkit-scrollbar-track{
	background-color: transparent;
}



.et_pb_code .active::-webkit-scrollbar-thumb{
	background-color: #bbbbbb;
	border-radius: 12px;
}



.ai-container{
	width: 100% !important;
	background: #fff;
	padding: 40px 20px;
	position: relative;
	display: flex;
	flex-flow: row wrap;
}



.ai-container .history-sidebar.active{
	min-width: 265px;
	max-height: 700px;
	min-height: 700px;
}



.ai-container .ai-chat-container .ai-chat-messages{
	height: 100%;
	overflow-y: auto;
	padding: 1rem;
	padding-bottom: 0;
	max-height: 590px;
	min-height: 590px;
	scrollbar-width: thin;
	scrollbar-color: #bbbbbb transparent;
}



.ai-container .ai-chat-container .ai-chat-messages::-webkit-scrollbar{
	width: 5px;
}



.ai-container .ai-chat-container .ai-chat-messages::-webkit-scrollbar-track{
	background-color: transparent;
}



.ai-container .ai-chat-container .ai-chat-messages::-webkit-scrollbar-thumb{
	background-color: #bbbbbb;
}



.ai-container .ai-chat-container .ai-chat-messages::-webkit-scrollbar-track,.ai-container .ai-chat-container .ai-chat-messages::-webkit-scrollbar-thumb{
	border-radius: 12px;
}



.ai-container .history-sidebar{
	float: left;
	width: 25%;
	background: #16515f;
	padding: 0;
	height: auto;
	overflow-y: auto;
	padding-bottom: 10px;
	overflow-x: hidden;
	min-height: 700px;
	max-height: 700px;
	width: 0%;
	transition: all 0.4s ease-in-out;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.ai-container .history-sidebar ul{
	padding-left: 0 !important;
	margin: 0;
}



.ai-container .history-sidebar .ai-chat-icon{
	width: 24px;
	padding-right: 7px;
}



.ai-container .history-sidebar ul li{
	list-style: none;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	position: relative;
}



.ai-container .history-sidebar ul li a{
	text-decoration: none;
	color: #fff;
	padding: 10px 30px;
	width: 100%;
	display: flex;
	align-items: center;
	white-space: nowrap;
	word-break: normal;
}



.ai-container .history-sidebar ul li span{
	position: absolute;
	right: 0;
	top: 0;
	background: #202123;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1rem;
	font-size: 14px;
	color: #ffffff90;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
}



.ai-container .history-sidebar ul li:hover span{
	visibility: visible;
}



.ai-container .ai-chat-container{
	height: auto;
	border: 0;
	padding: 0px;
	background: #fff;
	flex: 1 1;
	position: relative;
	padding-bottom: 90px;
}



.ai-chat-header{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}



.ai-container .ai-chat-container #ai-user-input{
	border-radius: 0 !important;
	background: #fff;
	height: 50px;
	margin-right: 0px;
	border: 0 !important;
	width: calc(100% - 100px);
}

.ai-container .history-sidebar ul li a:focus{
	outline: none;
}



.ai-container .ai-chat-container .chat-input-button{
	border-radius: 0 !important;
	background: #337ab7;
	border: 0px !important;
	color: #fff;
	min-height: 50px;
}

.ai-container .ai-chat-container .chat-input-button:focus{
	outline: none;
}



.ai-container .ai-chat-container #ai-chat-form{
	margin-bottom: 0;
	background: #2592a3;
	padding: 19px 10px;
}

.ai-container .ai-chat-container #ai-user-input:focus{
	outline: none;
}



.ai-container .history-sidebar ul .ai-active{
	background: #2592a3;
}

.ai-container .ai-chat-container .chat-input-button:hover{
	border-radius: 0 !important;
	background: #266091;
	border: 0px !important;
	color: #fff;
	transition: 0.9s;
}



.ai-container .history-sidebar ul li:first-child a{
	background: #626262;
}



.history-sidebar .show-more-history{
	background: #626262;
	background: #626262;
	justify-content: center;
}



.ai-container .ai-hamburger{
	background:rgb(32,33,35);
	margin-bottom: 10px;
	color: #fff !important;
	border: 0 !important;
	width: 57px;
	position: absolute;
	z-index: 111;
	left: auto;
	transform: translateX(5px);
	transition: all 0.5s ease-in-out;
	border-radius:10px;
	cursor: pointer;
}



.et_pb_code .ai-chat-container{
	background-color:transparent;
}

.ai-container .ai-hamburger:focus{
	outline: none;
}



.ai-container .history-sidebar.active+.ai-hamburger{
	transform: translateX(275px);
	background: #333;
}



.et_pb_code .ai-container{
	max-width:1200px;
	margin: auto;
	box-shadow:0px 0px 16px -9px #000000;
	background-color:transparent;
	border-radius:15px;
	padding-left:1em;
	padding-right:1em;
	padding-top:1em;
	padding-bottom:1em;
	backdrop-filter:blur(5px);
}



#ai-chat-form{
	padding-left:1em !important;
	padding-right:1em !important;
	padding-top:1em !important;
	padding-bottom:1em !important;
	border-radius:10px;
}



#ai-chat-form .chat-input-button{
	border-bottom-right-radius:10px !important;
	border-top-right-radius:10px !important;
	background-color:#16515f;
}



.et-l--post .et_builder_inner_content .et_pb_section_0 .et_pb_row_1 .blur .et_pb_code .et_pb_code_inner .ai-container .ai-chat-container .ai-chat-header #ai-chat-form .chat-input-button{
	border-bottom-right-radius:10px !important;
	border-top-right-radius:10px !important;
}



#ai-user-input{
	border-top-left-radius:10px !important;
	border-bottom-left-radius:11px !important;
	padding-left:1em;
	background-color:#f0eeee;
}



.et_pb_code .active{
	border-radius:10px;
	margin-right:1em;
	transition-duration:0.4s;
}



.et_pb_code .ai-chat-messages .ai-user-message{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding-left:0.5em;
	padding-right:1em;
	padding-bottom:7px;
}



.et_pb_code .ai-chat-messages .ai-assistant-message{
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding-left:1em;
	padding-right:0.5em;
	padding-bottom:9px;
}



.ai-chat-messages .ai-assistant-message .message-text{
	font-size:14px;
	font-weight:500;
}



.ai-chat-messages .ai-user-message .message-text{
	font-size:14px;
	font-weight:500;
}



.page__text .ai-chat-messages .ai-chat-message{
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}



.page__text .ai-chat-messages .ai-chat-message:nth-child(1){
	background-color:rgb(242,241,239);
}



.page__text .ai-chat-messages .ai-assistant-message{
	background-color:rgba(191,178,163,0.28);
}



/* Link */
.elementor-shortcode ul a{
	margin-left:-40px;
}



/* Svg */
.elementor-shortcode .ai-hamburger svg{
	padding-left:0px;
}



/* Hamburger */
.elementor-shortcode .ai-hamburger{
	padding-left:10px;
	padding-right:10px;
}



/* Heading */
.ai-assistant-message .message-text h3{
	color:rgb(29,35,39);
}



/* Table */
.elementor-element-126486f5 .elementor-row .elementor-top-column .elementor-column-wrap .elementor-widget-wrap .elementor-widget-shortcode .elementor-widget-container .elementor-shortcode .ai-container .ai-chat-container .ai-chat-messages .ai-assistant-message .message-text table{
	width:100% !important;
}




/* screen sizes larger than 200px and smaller than 767px */
/* screen sizes larger than 200px and smaller than 767px */
/* screen sizes larger than 200px and smaller than 767px */
@media only screen and (min-width: 200px) and (max-width: 767px){

	.ai-container .history-sidebar{
		width: 100%;
		height: 600px;
		overflow-y: auto;
		padding-bottom: 10px;
		margin-bottom: 5px;
		width: 100%;
		overflow-y: auto;
		position: absolute;
		top: 0;
		height: 100%;
		opacity: 0;
	}


	
	.ai-hamburger{
		display: block;
	}


	
	.ai-container .ai-chat-messages{
		margin-top: 10px;
		background: #fff;
	}


	
	.ai-container .ai-chat-container{
		display: unset;
	}


	
	.ai-container .ai-chat-container .ai-chat-messages{
		height: 100%;
		overflow-y: auto;
		padding: 1rem;
		padding-bottom: 0;
		max-height: 590px;
		min-height: 590px;
	}


	
	.ai-container .ai-chat-container .chat-input-form{
		display: flex;
	align-items: center;
	}


	
	.ai-container .ai-chat-container #ai-user-input{
		margin-bottom: 0;
	}


	
	.ai-container .history-sidebar.active{
		width: 100% !important;
	}


	
	.history-sidebar{
		position: relative;
		top: 0;
		left: -670px;
		z-index: 9999;
		transition: all 0.7s ease-in-out;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}


	
	.history-sidebar.active{
		opacity: 1;
	}


	
	.ai-container .ai-hamburger{
	transform: translate(0px, -60px);
	}


	
	.ai-container .history-sidebar.active+.ai-hamburger{
	transform: translate(0px, -60px);
		margin: 0;
	}


	
}



/* 1199px and smaller screen sizes */
/* 1199px and smaller screen sizes */
/* 1199px and smaller screen sizes */
@media (max-width:1199px){

	.page__text .active{
		margin-right:1em;
		border-radius:10px;
	}


	
}



/* 700px and smaller screen sizes */
/* 700px and smaller screen sizes */
/* 700px and smaller screen sizes */
@media (max-width:700px){

	.page__text .active{
		margin-top:30px;
	}


	
}



/* 400px and smaller screen sizes */
/* 400px and smaller screen sizes */
/* 400px and smaller screen sizes */
@media (max-width:400px){

	#content .container{
		padding-left:0px;
		padding-right:0px;
		margin-left:10px;
		margin-right:10px;
	}


	
	.site-container #content .container .page__text .ai-container{
		width:100% !important;
	}


	
	.et_pb_section_0 .blur{
	transform:translatex(0px) translatey(0px);
		padding-left:0px;
		padding-right:0px;
	}


	
	.et_pb_code .ai-container{
		padding-left:0px;
		padding-right:0px;
	}


	
	.et_pb_code .ai-chat-messages{
		background-color:transparent;
	}


	
	#main-content .hentry .entry-content .et-l--post .et_builder_inner_content .et_pb_section_0 .et_pb_row_1 .blur .et_pb_code .et_pb_code_inner .ai-container .ai-hamburger{
	transform: translatey(19px) !important;
	}


	
}



/* 769px and larger screen sizes */
/* 769px and larger screen sizes */
/* 769px and larger screen sizes */
@media (min-width:769px){

	#page-content{
		padding-top:50px !important;
	}
}

/* Container */
.elementor-widget-shortcode .elementor-shortcode .ai-container{
	background-color:#f0f0f0;
	border-radius:10px;
}

/* Chat container */
.elementor-shortcode .ai-chat-container{
	background-color:transparent;	
}

/* Container */
.elementor-widget-shortcode .elementor-shortcode .ai-container{
	background-color:#f0f0f0;
	border-radius:10px;
}

/* Chat container */
.elementor-shortcode .ai-chat-container{
	background-color:transparent;
}

/* Chat form */
#ai-chat-form{
	background-color:#2592a3 !important;
}

/* Header bottom inner */
#cb-row--header-bottom .header-bottom-inner{
	background-color:#f0f0f0;
}

/* Assistant message */
.elementor-shortcode .ai-chat-messages .ai-assistant-message{
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

/* Chat message */
.elementor-shortcode .ai-chat-messages .ai-chat-message{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

/* Chat message */
.elementor-shortcode .ai-chat-messages .ai-chat-message:nth-child(1){
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	
}

/* 400px and smaller screen sizes */
@media (max-width:400px){

	/* Paragraph */
	.elementor-element-126486f5 .elementor-text-editor p{
		font-size:14px;
	}
	
	/* Chat container */
	.elementor-shortcode .ai-chat-container{
		background-color:transparent;
	}
	
	/* Chat messages */
	.elementor-shortcode .ai-chat-messages{
		background-color:transparent;
	}
	
	/* Container */
	.elementor-widget-shortcode .elementor-shortcode .ai-container{
		padding-left:0px;
		padding-right:0px;
		padding-top:20px;
		padding-bottom:20px;
	}

	/* Chat message */
	.elementor-shortcode .ai-chat-messages .ai-chat-message{
		max-width:95%;
		
	}
	
}


/* Link */
.elementor-shortcode ul a{
	position:relative;
	left:40px;
}

/* Active */
.elementor-shortcode .active{
	border-radius:10px;
	margin-right:1em;
	
}

/* 361px and smaller screen sizes */
@media (max-width:400px){

	/* Active */
	.elementor-shortcode .active{
		margin-top:1em;	
	}	
}


/* Hamburger */
.elementor-shortcode .ai-hamburger{
	padding-left:10px !important;
	border-top-left-radius:5px !important;
	border-top-right-radius:5px !important;
	border-bottom-left-radius:5px !important;
	border-bottom-right-radius:5px !important;
	
}

/* Hamburger */
.elementor-element-3676eb3 .elementor-container .elementor-top-column .elementor-widget-wrap .elementor-widget-shortcode .elementor-widget-container .elementor-shortcode .ai-container .ai-hamburger{
	padding-right:10px !important;
}




@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}