.services-faq-container{
  display: flex;
  width: 100%;
}

.services-faq-content{
  width: 30%;
}

.services-faq-content .faq-sub-container{
  width: 70%;
}

.services-faq-content .faq-sub-container h2{
  font-family: var(--ff-accentGraphic);
  font-size: var(--fs-48);
}

.services-faq-menu{
  width: 70%;
}


.services-container {
  width: 100%;
  height: auto;
}

.services-main-menu .accordion-item .title button {
  background: none;
  border: none;
}

.services-main-menu .accordion{
   height: auto;
}

.services-main-menu .accordion .accordion-item{
  padding: 1.5rem 0;
  margin: 0;
  overflow: hidden;
  border: none;
  outline: none;
  border-bottom: 1.3px solid black;
  margin-top: 4px;
}

.services-main-menu .accordion .title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   text-transform: uppercase;
   line-height: inherit;
   cursor: pointer;
   letter-spacing: 0.135em;
   padding: 0;
   font-size: var(--fs-24);
   border: none;
   background: none;
   width: 100%;
   text-align: left;
   font-weight: 600;
   color: #000;
}



.services-main-menu .accordion .text{
	font-family: inherit;
	font-size: var(--fs-18);
	font-weight: normal;
	line-height: inherit;
	color: black;
	display: none;
	overflow: hidden;
	padding: 1rem 0 0;
}

/* .services-main-menu .accordion .active .text{
  display: block;
}
 */
.services-main-menu .accordion .active .arrow{
   transform: rotate(180deg);
}

@media screen and (max-width: 980.99px) {
  .services-faq-container{
	flex-direction: column;
  }
  
  .services-faq-content{
	width: 100%;
  }

  .services-faq-content .faq-sub-container{
	width: 100%;
  }
  
  .services-faq-menu{
	width: 100%;
  }
}