/* Container styling */
details {
  border: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
  transition: all 0.3s ease; /* Smooth transition */
}

/* Question styling */
summary {
  font-weight: bold;
  cursor: pointer;
  list-style: none; /* Removes default arrow in some browsers */
}

/* Custom arrow using pseudo-elements */
summary::after {
  content: '▼';
  float: right;
}

/* Change arrow when open */
details[open] summary::after {
  content: '▲';
}

/* Hidden content styling */
.faq-content {
  padding-top: 10px;
  color: #555;
}.sidebar
{
  width: 100%;
  background: #FFFFFF;
}
.search_input
{
  width: 100%;
  height: 56px;
  background: #f5f7fa;
  border: none;
  outline: none;
  padding-left: 25px;
}
.search_input::-webkit-input-placeholder
{
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #696969 !important;
}
.search_input:-moz-placeholder
{
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #696969 !important;
}
.search_input::-moz-placeholder
{
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #696969 !important;
} 
.search_input:-ms-input-placeholder
{ 
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #696969 !important;
}
.search_input::input-placeholder
{
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #696969 !important;
}
.search_button
{
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background: #20d34a;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
}
.search_button:focus
{
  outline: none;
}