.page-designer-reference .faq-pd a.faq-qsn {
	font-size: 16px;
    font-weight: 600;
    color: #000;
    font-family: Roboto,sans-serif;
    user-select: none;
    padding: 20px 0px;
    width: 90%;
}

/* .faq-pd .card-header {
	background-color : transparent;
	border: none;
}

.faq-pd .card {
	border: 0;
}
.faq-pd .card-body {
	padding: 0 1.25rem;
} */

.set{
  position: relative;
  width: 100%;
  height: auto;
  border-top: 1px solid #ddd;
}
.faq-qsn::after {
    width: 10px;
    height: 10px;
    border-right: 2px solid #6d6d6d;
    border-bottom: 2px solid #6d6d6d;
    position: absolute;
    right: 10px;
    content: " ";
    top: 21px;
    transform: rotate(43deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.faq-qsn.active::after {
    transform: rotate(-137deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
  font-weight: 600;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.set > a i{
  float: right;
  margin-top: 2px;
}
.set > a.active{
  color: #fff;
}
.content{
  background-color: #fff;
  display:none;
}
.content p{
	margin-bottom: 20px;
}
.content ul li, .content ol li {
	margin-bottom: 5px;
}
.content p, .content ul li, .content ol li{
  padding: 0;
  font-family: Muli,sans-serif;
  color: #333;
  line-height: 22px;
  letter-spacing: .2px;
  text-align: left;
  font-size: 16px; 
}
.content ul, .content ol {
	margin-left: 15px;
}
 @media screen and (min-width: 768px) and (max-width:1023px) {
 	.page-designer-reference .faq-pd a.faq-qsn {
 		font-size: 13px;
 	}
 }