/*Common CSS*/
*+html {
  margin:0px;
  padding:0px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, footer, section, nav {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  margin:0px;
  padding:0px;
}
img {
  border:0px;
  outline:none;
  max-width: 100%;
}
p {
  margin:0px;
  text-align: left;
}
ul li, ol li {
  margin:0px;
  padding:0px;
  
}
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}


.chat-question ul {
    margin-top: 20px;
    padding-left: 15px;
    width: auto;
    float: left;
}
.mod_in {
    width: 100%;
    float: left;    margin-bottom: 15px;

}
.chat-question ul li {
    /* padding: 0.65rem; */
   
    cursor: pointer;
    transition: 0.2s;
    font-size: 16px;
    list-style: circle;
}
.emoji {
  font-size: 1em;
  margin-bottom: 0.3em;
  text-align: center;
  text-shadow: 0.02em 0.02em 0.02em rgba(0, 0, 0, 0.3);
}

.slider {
  font: inherit;
  width: 11em;
  height: 8px;
  border-radius: 1em;
 
  box-shadow: inset 0 0 0.05em rgba(0, 0, 0, 0.6);
  -webkit-appearance: none;
  -moz-appearance: none;float: left;
  appearance: none;
}

.slider::-webkit-slider-thumb {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  background-image: radial-gradient(#eee, #ccc);
  filter: drop-shadow(0.02em 0.02em 0.02em rgba(0, 0, 0, 0.5));
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.slider::-moz-range-thumb {
  position: relative;
  width: 0.25em;
  height: 0.38em;
  border-radius: 0.08em;
  background-image: radial-gradient(#eee, #bbb);
  filter: drop-shadow(0.02em 0.02em 0.02em rgba(0, 0, 0, 0.5));
  cursor: pointer;
  border: none;
  -moz-appearance: none;
  appearance: none;
}

.temperature {
  
    font-size: 15px;
    font-weight: bold;
    margin-top: -0.55em;
    color: #fff;
    text-shadow: 0.02em 0.02em 0.02em rgba(0, 0, 0, 0.1);
    width: auto;
    float: left;
    margin-left: 10px;
}


.text-center p{
  text-align: center;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.hidden {
  display: none !important;
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited, a:hover, a:active {
    text-decoration: none;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
li{
    list-style: none;
}
button:focus-within, button:focus, button:active, a:hover, a:active, a:focus, select:hover, select:active, select:focus, option:hover, option:active, option:focus {
  text-decoration: none;
  outline: 0;
}
ol, ul{padding: 0; margin: 0;}
a{text-decoration: none; color: inherit;}
a:hover{color: inherit;}
b, strong {
  font-weight: bold;
}

/*Main CSS*/
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  font-family: 'Roboto', sans-serif;
  color: #333;
  font-size: 15px;
  background-color: #ffffff;
  position: relative;
}
img{
  max-width: 100%;
  height: auto;
}





/*Top content body*/
button{
  cursor: pointer;
}
svg {
  stroke-width: 2;
  height: 1rem;
  width: 1rem;
}
.content-body {
  display: flex;
  height: 100vh;
}
.question-bar {
  background-color: #111827;
  color: white;
  width: 260px;
  overflow-y: scroll;
  white-space:nowrap;
  transition: 0.1s;
}
.question-bar.hide {
  width: 0px;
}
.question-bar-desc{
  padding: .75rem;
}
.header ul li img {
    max-width: 19px;
    margin-right: 10px;
}
li.active img.black {
    display: block;
}
li.active img.whit {
    display: none;
}
img.black {
    display: none;
}
.question-bar-top {
  display: flex;
  align-items: center;
}
.question-bar {
   background-color: rgba(40, 90, 226,0.8);
  color: white;
  width: 280px;
  overflow-y: scroll;
  white-space: nowrap;
  transition: 0.1s;
  z-index: 4;
}
.icon {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.ans-user svg {
    width: 90px !important;
    margin-right: 20px;    height: 40px !important;

}
.collapse-block {
  padding: .45rem .75rem;
  background-color: transparent;
  color: white;
  border: 1px solid #fff;
  margin-left: auto;
  border-radius: 5px;
  width: 40px;
  height: 35px;
  background-size: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg stroke='%23fff' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='icon-sm' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='9' y1='3' x2='9' y2='21'%3E%3C/line%3E%3C/svg%3E");
}
.collapse-block.cb2 {
  position: fixed;
  left: 15px;
  top: 20px;
  opacity: 0;
  color: #111827;
  z-index: 3;
  background-image: url("data:image/svg+xml,%3Csvg stroke='%236c3188' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='icon-sm' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='9' y1='3' x2='9' y2='21'%3E%3C/line%3E%3C/svg%3E");
}
.answer-body.full-width .collapse-block.cb2{
  opacity: 1;
}
.navbar {
    width: 100%;
    float: left;
    margin-top: 15px;
}.chat-question-blocks {
    width: 100%;
    float: left;
}
.chat-time {
  color: #fff;
  font-size: 17px;
   font-weight: bold;
    letter-spacing: 0.5px;

}
.mod_in input[type="text"]{
    width: 100%;
    float: left;
    padding: 8px 10px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #666;    box-sizing: border-box;

}
::marker {
    font-size: large;
    float: left;
}
.mod_in select {
    width: 100%;
    float: left;
    padding: 8px 10px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #666;    box-sizing: border-box;

}
.chat-question{}
.chat-question ul{}
.chat-question ul li {
 
  font-size: 16px;
     width: 100%;
    float: left;
 
  cursor: pointer;
/*  transition: 0.2s;*/
  position: relative;
 
}

.question-bar.hide .chat-question ul li{
  opacity: 0;
}
.chat-question ul li span {
   display: inline-block;
      white-space: normal;
    margin-bottom: 10px;
  width:100%;float: left;
  position: relative;color: #fff;
}
.chat-question ul li span::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 100%;
  
  top: 0;
  right: 0;
}

.chat-question ul li button {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.comment-icon{
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg stroke='%23f997b9' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='icon-sm' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
}
.action-btn{
  position: absolute;
  top: 12px;
  opacity: 0;
  transition: 0.2s;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.chat-question ul li:hover .action-btn{
  opacity: 1;
}
.action-btn.delete {
  color: #ff005b;
  padding-right: 0;
  right: 7px;
  background-image: url("data:image/svg+xml,%3Csvg stroke='%23ff005b' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='icon-sm' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='3 6 5 6 21 6'%3E%3C/polyline%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cline x1='10' y1='11' x2='10' y2='17'%3E%3C/line%3E%3Cline x1='14' y1='11' x2='14' y2='17'%3E%3C/line%3E%3C/svg%3E");
}
.action-btn.edit {
  right: 30px;
  color: #f997b9;
  background-image: url("data:image/svg+xml,%3Csvg stroke='%23f997b9' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='icon-sm' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20h9'%3E%3C/path%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'%3E%3C/path%3E%3C/svg%3E");
}
.answer-body {
  max-width: 100%;
  min-height: 100%;
  display: flex;
  width: calc(100vw - 250px);
  overflow-y: scroll;
  max-height: 100vh;
}
.answer-body.full-width{
  width: 100vw;
}
.answer-body-content {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  width: 100%;
  position: relative;
}
.a-body-top {
  width: 100%;
}

.user-area{
  position: absolute;
  right: 20px;
  top: 20px;
}
.dropbtn {
  background-color: transparent;
  color: white;
  border: 1px solid #e5c5f4;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 3px;
}
.dropbtn:hover, .dropbtn:focus {
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 5px;
}
.dropdown-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}

.header {
  padding: 20px;
  display: flex;
  justify-content: center;
}
.header ul {
  border-radius: .75rem;
  padding: .25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header ul li{
    min-width: 148px;
    border-radius: .5rem;
    text-align: center;
}
.header ul li a {
  padding-bottom: .625rem;
  padding-top: .625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header ul li .header-menu-icon{
  margin-right: 8px;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.header ul li:first-child .header-menu-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath style='fill: %23c12cc6;' d='M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z'/%3E%3C/svg%3E");
}
.user_nm i {
    margin-right: 10px;
    font-size: 17px;
}

.logo-area {
  margin: 0 auto;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.logo {
  max-width: 280px;
}
.answer-body-btm {
  position: fixed;
  width: 100%;
  height: auto;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0px -28px 20px #fff;
}
.recent-ideas{}
.recent-ideas ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recent-ideas ul li {
  margin-bottom: 12px;
  width: 49%;
}
.recent-ideas ul li .idea-desc {
  border-radius: .75rem;
  border: 1px solid #ccc;
  padding: .5rem .75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.2s;
  cursor: pointer;
  border: 1px solid #e5c5f4;
}
.recent-ideas ul li h5 {
  font-weight: 600;
  font-size: 15px;
}
.recent-ideas ul li p{
  opacity: .5;
  font-size: 14px;
}
.ideas-hover{
  opacity: 0;
  transition: 0.2s;
}
.recent-ideas ul li:hover .ideas-hover{
  opacity: 1;
}
.question-input-area{
  position: relative;
  display: flex;
}
.question-input {
  width: 100%;
  border-radius: 8px;
  padding: 1rem 3rem 1rem 1rem;
  border: 0;
  font-size: 16px;
  appearance: none;
}
.question-input:focus{
  outline: none;
}
.input-btn {
  position: absolute;
  right: 15px;
  top: 14px;
  background-color: transparent;
  border: 0;
  opacity: .5;
  padding: 5px;
  border-radius: 4px;
  transition: 0.2s;
}
.input-btn.active {
  background: #537be8;
  opacity: 1;
  color: #fff;
}
.container{
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.copyright, .may-error {
  text-align: center;
  font-size: 12px;
  padding: 5px;
}
.copyright a, .may-error a{
  text-decoration: underline;
}
.copyright {
  padding-top: 12px;
 
}
.scroll-btm {
  background-image: url("data:image/svg+xml,%3Csvg stroke='%236c3188' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='icon-sm m-1' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cpolyline points='19 12 12 19 5 12'%3E%3C/polyline%3E%3C/svg%3E");
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: fixed;
  bottom: 20%;
  right: 23px;
  z-index: 2;
  background-color: white;
  border: 1px solid #e5c5f4;
  background-size: 20px;
  opacity: 1;
  display: block;
  transition: 0.5s;
}
.scroll-btm.close{
  opacity: 0;
  display: none;
}
.need-help {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512'%3E%3Cstyle%3Esvg%7Bfill:%236c3188%7D%3C/style%3E%3Cpath d='M202.021 0C122.202 0 70.503 32.703 29.914 91.026c-7.363 10.58-5.093 25.086 5.178 32.874l43.138 32.709c10.373 7.865 25.132 6.026 33.253-4.148 25.049-31.381 43.63-49.449 82.757-49.449 30.764 0 68.816 19.799 68.816 49.631 0 22.552-18.617 34.134-48.993 51.164-35.423 19.86-82.299 44.576-82.299 106.405V320c0 13.255 10.745 24 24 24h72.471c13.255 0 24-10.745 24-24v-5.773c0-42.86 125.268-44.645 125.268-160.627C377.504 66.256 286.902 0 202.021 0zM192 373.459c-38.196 0-69.271 31.075-69.271 69.271 0 38.195 31.075 69.27 69.271 69.27s69.271-31.075 69.271-69.271-31.075-69.27-69.271-69.27z'/%3E%3C/svg%3E");
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: fixed;
  bottom: 23px;
  right: 23px;
  z-index: 2;
  background-color: white;
  border: 1px solid #e5c5f4;
  background-size: 10px;
}


/*Answer page*/
.main-aq-block {
  padding-bottom: 150px;
}
.main-ques, .main-ans, .main-aq-block .container{
  position: relative;
  transition: .5s;
}
.ques-user{}
.ques-user img{}
.aq-action button {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin-right: 8px;
  margin-bottom: 8px;
}
.ques-user p.ques{}
.aq-action {
  position: absolute;
   display: flex; 
  right: -11%;
  top: 0;
  width: 80px;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s;
  opacity: 0;
  display: none;
  flex-wrap: wrap;
}
.aq-action a {
  display: block;
  width: 100%;
  height: 100%;
}
.main-ques:hover .aq-action, .main-ans:hover .aq-action {
  display: flex;
  opacity: 1;
}
.aq-action button.mq-edit{
  background-image: url("data:image/svg+xml,%3Csvg stroke='%236c3188' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='icon-sm' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'%3E%3C/path%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'%3E%3C/path%3E%3C/svg%3E");
}
.aq-action button.copy{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cstyle%3Esvg%7Bfill:%236c3188%7D%3C/style%3E%3Cpath d='M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z'/%3E%3C/svg%3E");
}
.aq-action button.like{
  background-image: url("data:image/svg+xml,%3Csvg stroke='%236c3188' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='icon-sm' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'%3E%3C/path%3E%3C/svg%3E");
}
.aq-action button.dislike{
  background-image: url("data:image/svg+xml,%3Csvg stroke='%236c3188' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='icon-sm' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17'%3E%3C/path%3E%3C/svg%3E");
}
.aq-action button.mail{
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='1rem' height='1rem' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 24V9H24H4V24V39H24' stroke='%236c3188' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44 34L30 34' stroke='%236c3188' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M39 29L44 34L39 39' stroke='%236c3188' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 9L24 24L44 9' stroke='%236c3188' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 1.2rem;
  height: 1.2rem;
}
.aq-action button.csv{
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='1rem' height='1rem' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 3.5H14V3.29289L13.8536 3.14645L13.5 3.5ZM10.5 0.5L10.8536 0.146447L10.7071 0H10.5V0.5ZM6.5 6.5V6H6V6.5H6.5ZM6.5 8.5H6V9H6.5V8.5ZM8.5 8.5H9V8H8.5V8.5ZM8.5 10.5V11H9V10.5H8.5ZM10.5 9.5H10V9.70711L10.1464 9.85355L10.5 9.5ZM11.5 10.5L11.1464 10.8536L11.5 11.2071L11.8536 10.8536L11.5 10.5ZM12.5 9.5L12.8536 9.85355L13 9.70711V9.5H12.5ZM2.5 6.5V6H2V6.5H2.5ZM2.5 10.5H2V11H2.5V10.5ZM2 5V1.5H1V5H2ZM13 3.5V5H14V3.5H13ZM2.5 1H10.5V0H2.5V1ZM10.1464 0.853553L13.1464 3.85355L13.8536 3.14645L10.8536 0.146447L10.1464 0.853553ZM2 1.5C2 1.22386 2.22386 1 2.5 1V0C1.67157 0 1 0.671573 1 1.5H2ZM1 12V13.5H2V12H1ZM2.5 15H12.5V14H2.5V15ZM14 13.5V12H13V13.5H14ZM12.5 15C13.3284 15 14 14.3284 14 13.5H13C13 13.7761 12.7761 14 12.5 14V15ZM1 13.5C1 14.3284 1.67157 15 2.5 15V14C2.22386 14 2 13.7761 2 13.5H1ZM9 6H6.5V7H9V6ZM6 6.5V8.5H7V6.5H6ZM6.5 9H8.5V8H6.5V9ZM8 8.5V10.5H9V8.5H8ZM8.5 10H6V11H8.5V10ZM10 6V9.5H11V6H10ZM10.1464 9.85355L11.1464 10.8536L11.8536 10.1464L10.8536 9.14645L10.1464 9.85355ZM11.8536 10.8536L12.8536 9.85355L12.1464 9.14645L11.1464 10.1464L11.8536 10.8536ZM13 9.5V6H12V9.5H13ZM5 6H2.5V7H5V6ZM2 6.5V10.5H3V6.5H2ZM2.5 11H5V10H2.5V11Z' fill='%236c3188'/%3E%3C/svg%3E");
}
.aq-action button.graph{
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg fill='%236c3188' height='1rem' width='1rem' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M439.242,429.002c-4.465,0-8.084,3.619-8.084,8.084v4.312c0,4.466,3.62,8.084,8.084,8.084 c4.465,0,8.084-3.619,8.084-8.084v-4.312C447.326,432.621,443.706,429.002,439.242,429.002z'/%3E%3Cpath d='M447.326,327.141c0-4.466-3.62-8.084-8.084-8.084c-4.465,0-8.084,3.619-8.084,8.084v4.312 c0,4.466,3.62,8.084,8.084,8.084c4.465,0,8.084-3.619,8.084-8.084V327.141z'/%3E%3Cpath d='M66.859,433.713c-3.054,3.257-2.889,8.374,0.369,11.428c1.56,1.462,3.546,2.186,5.527,2.186 c2.156,0,4.308-0.858,5.899-2.555l159.289-169.909h71.951c2.22,0,4.342-0.913,5.869-2.524L495.831,82.266v10.2 c0,4.466,3.62,8.084,8.084,8.084c4.465,0,8.084-3.619,8.084-8.084V61.979c0-4.466-3.62-8.084-8.084-8.084h-30.487 c-4.465,0-8.084,3.618-8.084,8.084c0,4.466,3.62,8.084,8.084,8.084h11.692L306.417,258.695h-71.975 c-2.234,0-4.37,0.925-5.898,2.555L66.859,433.713z'/%3E%3Cpath d='M447.326,363.79c0-4.466-3.62-8.084-8.084-8.084c-4.465,0-8.084,3.618-8.084,8.084v4.312c0,4.466,3.62,8.084,8.084,8.084 c4.465,0,8.084-3.618,8.084-8.084V363.79z'/%3E%3Cpath d='M447.326,400.438c0-4.466-3.62-8.084-8.084-8.084c-4.465,0-8.084,3.618-8.084,8.084v4.312 c0,4.466,3.62,8.084,8.084,8.084c4.465,0,8.084-3.618,8.084-8.084V400.438z'/%3E%3Cpath d='M329.297,156.295h4.312c4.465,0,8.084-3.618,8.084-8.084c0-4.466-3.62-8.084-8.084-8.084h-4.312 c-4.465,0-8.084,3.618-8.084,8.084C321.212,152.676,324.832,156.295,329.297,156.295z'/%3E%3Cpath d='M365.945,156.295h4.312c4.465,0,8.084-3.618,8.084-8.084c0-4.466-3.62-8.084-8.084-8.084h-4.312 c-4.465,0-8.084,3.618-8.084,8.084C357.861,152.676,361.48,156.295,365.945,156.295z'/%3E%3Cpath d='M256,156.295h4.312c4.465,0,8.084-3.618,8.084-8.084c0-4.466-3.62-8.084-8.084-8.084H256 c-4.465,0-8.084,3.618-8.084,8.084C247.915,152.676,251.535,156.295,256,156.295z'/%3E%3Cpath d='M292.648,156.295h4.312c4.465,0,8.084-3.618,8.084-8.084c0-4.466-3.62-8.084-8.084-8.084h-4.312 c-4.465,0-8.084,3.618-8.084,8.084C284.564,152.676,288.184,156.295,292.648,156.295z'/%3E%3Cpath d='M447.326,253.844c0-4.466-3.62-8.084-8.084-8.084c-4.465,0-8.084,3.618-8.084,8.084v4.312 c0,4.466,3.62,8.084,8.084,8.084c4.465,0,8.084-3.618,8.084-8.084V253.844z'/%3E%3Cpath d='M72.758,156.295h4.312c4.465,0,8.084-3.618,8.084-8.084c0-4.466-3.62-8.084-8.084-8.084h-4.312 c-4.465,0-8.084,3.618-8.084,8.084C64.673,152.676,68.293,156.295,72.758,156.295z'/%3E%3Cpath d='M447.326,290.493c0-4.466-3.62-8.084-8.084-8.084c-4.465,0-8.084,3.618-8.084,8.084v4.312 c0,4.466,3.62,8.084,8.084,8.084c4.465,0,8.084-3.618,8.084-8.084V290.493z'/%3E%3Cpath d='M509.632,476.642l-21.558-21.558c-3.156-3.156-8.275-3.156-11.432,0c-3.157,3.157-3.157,8.275,0,11.433l7.758,7.757H51.2 c-7.43,0-13.474-6.044-13.474-13.474V27.601l7.758,7.758c3.156,3.156,8.275,3.156,11.432,0c3.157-3.157,3.157-8.275,0-11.433 L35.358,2.367c-3.156-3.156-8.275-3.156-11.432,0L2.368,23.925c-3.157,3.157-3.157,8.275,0,11.433 c3.156,3.156,8.275,3.156,11.432,0l7.758-7.758V460.8c0,16.344,13.298,29.642,29.642,29.643h433.199l-7.758,7.757 c-3.157,3.157-3.157,8.275,0,11.433c1.578,1.578,3.648,2.367,5.716,2.367s4.138-0.789,5.716-2.367l21.558-21.558 C512.79,484.917,512.79,479.799,509.632,476.642z'/%3E%3Cpath d='M146.054,156.295h4.312c4.465,0,8.084-3.618,8.084-8.084c0-4.466-3.62-8.084-8.084-8.084h-4.312 c-4.465,0-8.084,3.618-8.084,8.084C137.97,152.676,141.59,156.295,146.054,156.295z'/%3E%3Cpath d='M109.406,156.295h4.312c4.465,0,8.084-3.618,8.084-8.084c0-4.466-3.62-8.084-8.084-8.084h-4.312 c-4.465,0-8.084,3.618-8.084,8.084C101.322,152.676,104.941,156.295,109.406,156.295z'/%3E%3Cpath d='M447.326,217.196c0-4.466-3.62-8.084-8.084-8.084c-4.465,0-8.084,3.618-8.084,8.084v4.312 c0,4.466,3.62,8.084,8.084,8.084c4.465,0,8.084-3.619,8.084-8.084V217.196z'/%3E%3Cpath d='M447.326,180.547c0-4.466-3.62-8.084-8.084-8.084c-4.465,0-8.084,3.619-8.084,8.084v4.312 c0,4.466,3.62,8.084,8.084,8.084c4.465,0,8.084-3.618,8.084-8.084V180.547z'/%3E%3Cpath d='M219.351,156.295h4.312c4.465,0,8.084-3.618,8.084-8.084c0-4.466-3.62-8.084-8.084-8.084h-4.312 c-4.465,0-8.084,3.618-8.084,8.084C211.267,152.676,214.887,156.295,219.351,156.295z'/%3E%3Cpath d='M182.703,156.295h4.312c4.465,0,8.084-3.618,8.084-8.084c0-4.466-3.62-8.084-8.084-8.084h-4.312 c-4.465,0-8.084,3.618-8.084,8.084C174.619,152.676,178.238,156.295,182.703,156.295z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E ");
}
.main-aq-block ul li {
  padding: 25px 10px;
}
.main-ques {
  background-color: #fff;
  border-top: 1px solid rgba(40, 90, 226,0.2);
  border-bottom: 1px solid rgba(40, 90, 226,0.2);
}
.main-ans {
  background-color: rgba(83, 123, 232, 0.08);
}
.ques-user, .ans-user {
  display: flex;
  align-items: flex-start;
}
.ques-user img, .ans-user img{
  margin-right: 18px;
  max-width: 40px;    border-radius: 20px;
}
form.ques-form{
  position: relative;
}
.regenerate {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e5c5f4;
  padding: 10px 15px;
  border-radius: 7px;
  justify-content: space-between;
  width: 130px;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: -50px;
  z-index: 3;
}
.regn-icon{
  background-image: url("data:image/svg+xml,%3Csvg stroke='%236c3188' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' class='flex-shrink-0 icon-xs' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='1 4 1 10 7 10'%3E%3C/polyline%3E%3Cpolyline points='23 20 23 14 17 14'%3E%3C/polyline%3E%3Cpath d='M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15'%3E%3C/path%3E%3C/svg%3E");
}

/*Popup*/
.popup-area {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(1, 1, 1, 0.84);
  z-index: 10;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-area.close{
  display: none;
  opacity: 0;
}
.popup {
  width: 50%;
  height: auto;
  background: linear-gradient(to top, #af436f, #6e3188);
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  border-radius: 12px;
}
.popup-header {
  text-align: center;
  padding: 10px 20px;
  background: #5e057d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.56);
  position: relative;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.popup-header h3{}
.popup-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%236c3188%7D%3C/style%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: -40px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
}
.popup-body {
  padding: 15px 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.popup-body img{
  margin-right: 15px;
}
.popup-body p{}
.user-dtls {
  display: block;
  text-align: center;
}
.user-dtls img {
  width: 350px;
  border-radius: 50%;
}
.user-dtls h3{}
.user-dtls a{
  text-decoration: underline;
  font-size: 14px;
}
.user-form {
  display: block;
  padding: 10px 20px;
  padding-right: 0;
}
.form-grp {
  float: left;
  width: 43%;
  margin: 0px 15px 10px;
}
.form-grp label {
  display: block;
}
.form-grp label a{
  text-decoration: underline;
}
.form-grp input {
  padding: 8px;
  font-size: 15px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.22);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
}
.user-form-submit {
  display: block;
  width: 100%;
  background-color: rgba(1, 1, 1, 0.49);
  border: 1px solid #fff;
  color: #fff;
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  max-width: 40%;
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
.ckbox {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 15px 0 20px;
}
.ckbox input {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}



/*Responsive*/
@media(max-width:1199px){
.aq-action {
  right: inherit;
  top: inherit;
  bottom: -45px;
  display: flex;
  opacity: 1;
  width: auto;
}
.main-aq-block ul li {
  padding-bottom: 45px;
}
}
@media(max-width:1060px){
.container {
  max-width: 48rem;
  padding: 0 15px;
}
.answer-body-btm {
  max-width: calc(100% - 260px);
}
.scroll-btm {
  bottom: 35%;
  right: 15px;
}
.need-help {
  bottom: 25%;
  right: 15px;
}
.popup {
  width: 70%;
}

}

@media(max-width:991px){
  .header ul li {
  min-width: 130px;
}
}

@media(max-width:767px){
  .question-bar {
    width: 0px;
  }
  .question-bar.hide {
    width: 80%;
    z-index: 2;
  }
  .answer-body {
  width: 100vw;
}
.answer-body.full-width {
  width: 15vw;
}
.logo {
  max-width: 200px;
}
.collapse-block {
  opacity: 0;
  display: none;
}
.collapse-block.cb2 {
  opacity: 1;
  display: block;
  position: absolute;
}
.question-bar.hide .chat-question ul li {
  opacity: 1;
}
.header ul {
  flex-wrap: wrap;
}
.header ul li {
  margin-bottom: 8px;
}
.answer-body.full-width .answer-body-content > div{
  opacity: 0;
  display: none;
}
.header {
  padding: 20px;
  max-width: 60%;
  margin: 0 auto;
}
.recent-ideas ul li {
  width: 100%;
}
.recent-ideas ul li:nth-child(3), .recent-ideas ul li:nth-child(4){
  display: none;
}
.chat-question ul li span {
  width: 86%;
}
.answer-body-btm {
  max-width: 100%;
}
.copyright, .may-error {
  font-size: 10px;
}
.popup {
  width: 90%;
}
.popup-body, .popup-header {
  padding: 10px;
}
.popup-body{
  flex-direction: column;
  align-items: center;
}
.user-dtls img {
  width: 80px;
  margin: 0;
}
.user-form {
  padding: 10px 5px;
}
.popup-close {
  right: 7px;
  top: 7px;
}





}


@media(max-width:520px){
.chat-question ul li span {
  width: 80%;
}
.header {
  max-width: 40%;
}
.header ul li a {
  padding-bottom: .25rem;
  padding-top: .25rem;
}
.form-grp {
  width: 95%;
  margin-bottom: 5px;
  margin-left: 0;
}
}
@media(max-width:400px){
.chat-question ul li span {
  width: 74%;
}
.answer-body.full-width {
  width: 20vw;
}
}









/*Dark Theme CSS*/
body.dark{
  background-color: #343541;
  color: white;
}
body.dark .question-input {
  background-color: #40414f;
  color: #fff;
}
body.dark .header ul {
  background-color: #111827;
}
body.dark .header ul li.active{
    background-color: #40414f;
}

/*Light Theme CSS*/
body.light{
  background-color: white;
  color: #111827;
}
body.light .question-input {
  background-color: white;
  color: #111827;
  border: 1px solid rgba(40, 90, 226,0.8);
  resize: none;
  outline: none;
  box-shadow: 0px 2px 7px rgba(40, 90, 226,0.2);
      padding-left: 50px;

}
label svg {
    color: #fff;
    opacity: 1;
}
label.md\:p-1.p-0\.5.rounded-full.bg-slate-600.md\:border-4.border-white.absolute.-bottom-2.-right-2.cursor-pointer.dark\:border-slate-700 {
    position: absolute;
    left: 15px;
    top: 15px;
    background:rgba(40, 90, 226,0.8);
    padding: 1px 3px;
    border-radius: 0.375rem;    cursor: pointer;

}
body.light .header ul {
  background-color:rgba(40, 90, 226,0.8);
}
.user_nm {
    color: #fff;
}
body.light .header ul li.active .user_nm {
    color: #000;
}
body.light .header ul li.active{
    background-color: white;
}
body.light .idea-desc:hover{
    background-color: #ececf1;
}