.faq-section{
 width: 100%;
 padding: 4rem;
}

.accord-right {
 width: 100%;
 display: flex;
 flex-direction: column;
 padding: 1rem;
}

.accordian{
 width: 100%;
}
.accordian-btn {
 /* padding: 1rem; */
 /* background-color: #fff; */
 /* margin-bottom: 10px; */
 width: 100%;
 /* font-weight: 600; */
 /* font-family: "dm sans", Sans-serif; */
 /* line-height: 25px; */
 /* border-radius: 4px; */
 position: relative;
 transition: color 0.3s ease;
 cursor: pointer;
 /* font-size: 20px; */
 /* border-bottom: 2px solid; */
 /* margin-bottom: 1rem; */
 display: flex;
 font-family: mulish;
 font-weight: 700;
 align-items: center;
}

.accordian-btn.active{
 color: #112437;
}
/* .accordian-btn::before{
 content: url(../images/icons/layers.svg);
 content: "\f1d8";
 background-size: cover;
 font-family: "Font Awesome 6 Free";
 font-size: 20px;
 top: 0;
 left: 0;
 position: absolute;
 height: 100%;
 width: 60px;
 background-color: #00567b;
 object-fit: cover;
 border-radius: 4px 0 0 4px;
 color: white;
 display: flex;
 justify-content: center;
 align-items: center;
} */
.accordian-btn::after {
  content: '+';
  position: absolute;
  right: 20px;
  font-size: 25px;
  color: #fff;
  font-weight: 700;
}
.accordian-btn.active::after{
 content: '-';
 font-size: 40px;
}
.accordian-content {
 max-height: 0;
 transition: max-height 0.3s ease, padding 0.3s ease;
 /* background: #fff; */
 overflow: hidden;
 border-radius: 4px;
 line-height: 30px;
 /* color: #666666; */
 /* margin: 10px 0; */
 list-style: none;
 /* font-family: "heebo"; */
}
/* .accordian-content.open{
 transition: max-height 0.3s ease;
} */
.accordian-content.active{
 max-height:max-content;
 padding: 0.5rem;
}

@media (max-width: 600px){
 .accordian-btn {
  font-size: 17px;
 }
 .faq-section {
  width: 100%;
  padding: 2rem;
 }
 .accordian-content.active {
  padding: 0.5rem;
}
}