.showMoreBox{
  background: #F89A3D;
  width: 100%;
  padding :5px 20px 5px;
  margin-bottom: 10px;
  color: #374B92;
}
.title-box{
  display: flex;
  align-items:center;
  background:#F89A3D;
  padding: 15px;
  color: #374B92;
}
.title-box img {
    float: left;
    display: flex;
    height: 60px;
	margin-left: 20px;
}
.title-box h5 {
    color: #fff;
    font-weight: 600;
	margin-left: 20px;
}
.light-line{
  border-top: 0.5px solid #374B92;
  display: none;
}
.title-box button{
  text-align:center;
  background: transparent !important;
  width: 25px !important;
  height: 25px !important;
  padding:0;
}
.title-box .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
}
.fa{
  color: #374B92;
}
.q-desc{
  display: none;
  padding:20px 5px ;
}
.q-desc p{
  color: #FFFFFF;
}

/*Show text and divider on click*/
.show-text button{
  background: transparent;
  transform: rotate(45deg);
}
.show-text .q-desc{
  display: block;
}
.show-text .light-line{
  display: block;
}
.show-text .fa{
  color: white;
  align-self:center;
}
.showMoreBoxWhite{
  background: #FFFFFF;
  width: 100%;
  margin-bottom: 10px;
  color: #374B92;
}
.showMoreBoxWhite .title-box{
  display: flex;
  align-items:center;
  background:#FFFFFF;
  padding: 15px 0px;
  color: #374B92;
}
.showMoreBoxWhite .fa {
  color: #374B92;
  font-style: normal;
}
.showMoreBoxWhite  .show-text button{
  background: transparent;
  transform: rotate(45deg);
  color: red;
}
.showMoreBoxWhite span{
	font-size: 1.25rem;
    font-weight: 600;
    font-family: Roboto Condensed;
    margin-left: 20px;
	font-style: normal;
    text-align: left;
    color: #374B92;
}
