.textAreaBox .form-control{
    border-radius: 10px;
    resize: none;
    z-index: 9999;
}
.textAreaBox .form-control:focus {
    color: #fff;
    border: 1px solid #ddd;
    outline: 2px solid #ddd;
    box-shadow: none;
    background: #FCFCF9;
    z-index: 9999;
}
.textAreaBox .chatbot-text-div .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .chatbot-text-div.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #233A5F;
    color: #fff;
}
.textAreaBox textarea{
    /* background: transparent; */
    background: #233A5F;
}

html, body {
    height:100%;
    /* background-color: #F3F3EE; */
    background-color: #0E2B5D;
  }
  
  .content {
      /* padding: 25% 25% 5%; */
      /* padding: 25% 20% 5%; */
      width: 50%;
      margin: 0px auto;
  }
  .afterContent {
      padding: 5% 10% 5%;
  }
  
  .search-form {
    /* border-radius: 30px 0 0 30px; */
  }
  
  .input-group {
    width:100%;
  }
  
  input-group-btn {
    max-width:38px;
  }
  
  .search-btn {
    cursor:pointer;
    background-color: #669;
    color:#669;
  }
  
  .search-btn i {
      color: #fff;
  }
  
  #animated-text {
      font-size: 24px;
      font-family: Arial, sans-serif;
  }
  
  .search-form-area{
      position: fixed;
      bottom: 35px;
      width: 50%;
      z-index: 9999;
      background: #FCFCF9;
      left: 50%;
      transform: translateX(-50%);
  }
  .ask-box-title{
      font-size: 2.25rem;
      line-height: 2.5rem;
  }
  .career-sidebar ul li{
      list-style: none;
      font-weight: bold;
      line-height: 40px;
  }

  .textAreaBox{
      position: relative;
  }

  
  .submitBtn{
      position: absolute;
      right: 2px;
      bottom: 2px;
      height: 35px;
      width: 35px;
      border-radius: 50%;
      color: #fff;
      border: none;
      background: #ddd;
      /* background: #0E2B5D; */
      box-shadow: 5px -2px 81px 1px rgba(0,0,0,0.09);
      cursor: pointer;
      z-index: 9999;
  }

  .suggestion-qst a {
      font-size: 17px;
      line-height: 30px;
  }
  .section-border{
    border-left: 2px solid #ddd;
    min-height: 100vh;
  }
  .thread-section{
    width: 80%;
    margin: 0 auto;
  }
  .head-conversation{
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 20px;
  }
  .head-conversation .text{
    display: flex;
    gap: 5px;
    align-items: baseline;
  }
  .head-conversation .icon i,
  .head-conversation .text i,
  .head-conversation .text h3{
    padding: 0;
    margin: 0;
    font-size: 18px;
  }

  .thread-card{
    border-top: 1px solid #ddd;
    padding:  10px 0;
    margin: 20px 0;
  }
  .thread-card a{
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
  }

  .thread-card .thread-time{
    display: flex;
    gap: 5px;
    align-items: center;
  }
  .thread-card .thread-time p{
    padding: 0;
    margin: 0;
  }

  @media only screen and (min-width: 200px) and (max-width: 425px) {
    .career-sidebar {
        background: #F3F3EE;
        height: auto;
        margin-top: 41px;
    }
    .content {
        width: 90%;
        margin: 0px auto;
    }
  }