/* FAQ Page - heading */
.faq-page-title { text-align: center; }
.faq-description { margin-top: 10px; margin-bottom: 20px; }

/* FAQ category menu */
.faq-mobile-show { display: none; }
ul.faq-menu { margin: 0; flex-direction: column}
ul.faq-menu li {margin: 0; }
ul.faq-menu li a { color: #1d252c; font-weight: 600; display: block; }
ul.faq-menu li a:hover,
ul.faq-menu li.faq-active a { color: #f70b7f; }

/* FAQ accordion sections */
.faq-category-section { margin-bottom: 48px; scroll-margin-top: 100px; }
h2.faq-category-title { font-size: 22px; font-weight: 800; color: #1d252c; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 2px solid #f70b7f; }

@media only screen and (min-width: 768px) {
	ul.faq-menu { gap: 38px 0;}
	ul.faq-menu li {margin: 0; }
	ul.faq-menu li:before { display: none; }
}
@media only screen and (min-width: 1161px) {
	.faqs-page-main { padding: 0 100px 44px; }
	.faq-page-list{width: 100%; display: flex; flex-wrap: wrap;}
	.faq-page-left { min-width: 340px; width: 340px; margin-right: 80px; padding-top: 2px;}
	.faq-sidebar-intro { padding-bottom: 24px; }
	.faq-page-right{flex: 1;}
 .faqs_heading { max-width: 840px; padding: 151px 0 80px; }
	.faq-page-title { margin-bottom: 43px; }
	ul.faq-menu li a { font-size: 18px; line-height: 18px; }
}
@media only screen and (max-width: 1160px) and (min-width: 768px) {
	 .faqs-page-main { padding: 70px 70px 44px; }
	.faq-page-title { padding: 51px 0 20px; }
	ul.faq-menu li a { font-size: 16px; line-height: 18px; }
	  .faq-page-left {
  padding-bottom: 52px;
}
  .faq-sidebar-intro {
  text-align: center;
  padding: 30px 0 1px;
}
}
@media only screen and (max-width: 1160px) and (min-width: 200px) {
	.faq-page--left{z-index: 1;}
	.faq-page-title { padding: 62px 0 24px; }
	.faq-menu-main { margin-top: 30px; position: relative; }
	.faq-mobile-show { padding: 12px 10px 11px; display: block; background-color: #f3f4f4; color: rgba(29, 37, 44, 0.5); position: relative; font-size: 12px; font-weight: 600; }
	.faq-mobile-show:hover { color: #1d252c; }
	.faq-mobile-show:after { content: ""; width: 14px; height: 8px; position: absolute; right: 12px; top: calc(50% - 4px); background: url(../images/arrow.svg) no-repeat right center; display: inline-block; transition: all 0.5s ease-in-out; }
	.faq-mobile-show[aria-expanded="true"]:after { transform: rotate(-180deg); }
	.faq-mobile-menu { display: none; background-color: #f3f4f4; width: 100%; height: auto; position: absolute; padding: 2px 10px 11px; z-index: 2; }
	ul.faq-menu { gap: 16px 0; }
	ul.faq-menu li:before { display: none; }
	ul.faq-menu li { display: block; }
	ul.faq-menu li a { font-size: 14px; line-height: 18px; }

}

@media only screen and (max-width: 767px) and (min-width: 200px) {
  .faqs-page-main {
    padding: 71px 30px 61px;
  }
  .faq-page-left {
  padding-bottom: 52px;
}
  .faq-sidebar-intro {
  text-align: center;
  padding: 30px 0 1px;
}

}