.homepage-faqs-section {
  padding: 88px 0 120px 0;
}

/* .homepage-faqs-section.colored_bg {
  background-color: #FBF9FF !important;
} */

.accordion-item {
  border-width: 0;
}

.accordion-button:focus {
  border-color: #f5f5f7;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
  padding-bottom: 0 !important;
  background-color: inherit !important;
}

.accordion-button::after {
  background-image: url('/wp-content/themes/northladder/img/PlusCircle.svg');
}

.accordion-button:not(.collapsed)::after {
  background-image: url('/wp-content/themes/northladder/img/MinusCircle.svg');
}

.accordion-button:focus {
  box-shadow: none;
}

.hide {
  display: none;
}

.faq-contact--link,
.show-more-faq,
.show-less-faq {
  font-weight: 500;
}

.accordion-button:focus {
  outline: 1px solid var(--bs-primary) !important;
  border-radius: 4px !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 4px var(--bs-primary) !important;
  transition: outline-offset 0.2s ease, box-shadow 0.2s ease;
}

.contact-us:focus {
  outline: 1px solid var(--bs-primary) !important;
  border-radius: 4px !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 4px var(--bs-primary) !important;
  transition: outline-offset 0.2s ease, box-shadow 0.2s ease;
}

@media (max-width: 600px) {
  .homepage-faqs-section {
    padding: 48px 0 64px 0;
  }
}

@media (min-width: 601px) and (max-width: 768px) {
  .homepage-faqs-section {
    padding: 56px 0 80px 0;
  }

  .accordion-body {
    padding: 20px 0 24px 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 905px) {
  .homepage-faqs-section {
    padding: 64px 0 88px 0;
  }
}

@media (min-width: 906px) and (max-width: 1240px) {
  .homepage-faqs-section {
    padding: 64px 0 88px 0;
  }
}

@media (max-width: 1239px) {
  .accordion-item {
    border-bottom: 0.8px solid var(--bs-accent-one);

  }
}