/*<!--Frequently Asked Questions section styles START///--> */
.faqSec {
  margin: 50px 30px 0px;
}
.faqSec h3 {
  font: normal normal bold 29px/35px Roboto;
  letter-spacing: 0px;
  color: #2b2a29;
  text-align: center;
  margin-bottom: 40px;
}
.faqSec .accordion .accordion-item {
  margin-bottom: 26px;background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 16px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.faqSec .accordion .accordion-item button{font-size:18px;font-weight:500;background-color: transparent;}
/*.faqSec .accordion-item:first-of-type .accordion-button {
  font: normal normal bold 18px/22px Roboto;
  letter-spacing: 0px;
  color: #2b2a29;
  text-align: left;
}*/
.faqSec .accordion-button:not(.collapsed) {
  background: none;
  color: inherit;
  padding-bottom: 20px;
}
.faqSec .accordion-button,
.faqSec .accordion-collapse {
  border: none;
}
.faqSec .accordion-button:focus {
  box-shadow: none;
}
.faqSec .accordion-body {
  color: rgba(96, 106, 126, 1);font-size:14px;font-weight: 400;
  padding: 0px 35px 28px;text-align: left;
}
.faqSec .accordion-button {
  font: normal normal bold 18px/22px Roboto;
  color: #2b2a29;
  text-align: left;
  padding: 28px 35px;
}
.faqSec .accordion-button::after {
  background-image: url(../images/icon-awesome-plus.svg);
  position: relative;
  right: -8px;
}
.faqSec .accordion-button:not(.collapsed)::after {
  background-image: url(../images/icon-awesome-plus.svg);
}
/*<!--Frequently Asked Questions section styles END///--> */

@media only screen and (max-width: 1280px) {
  .faqs-page {
    margin-top: 0px !important;
  }
  .faqs-page .container {
    padding-left: 10px !important;
  }

  .faq-content {
    margin-top: 160px;
  }
  .faq-graphic {
    width: calc(100% - 30px);
    max-width: 885px;
    height: auto;
  }
  .faqSec .accordion-button {
    padding: 18px 25px;
  }
}

/* New styles for FAQ */
:root {
  --pt-blue: #2d78c3;
  --pt-violet: #6959be;
  --pt-yellow: #ffd700;
  --pt-text: #191919;
  --pt-body: #2b2b2b;
  --pt-muted: #f5f7fc;
  --pt-border: #0c8ae5;
}

body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  background: #ffffff;
  color: var(--pt-text);
}
.faqs-page {
  overflow: clip;
}

.faqs-page img {
  display: block;
  max-width: 100%;
}

.faqs-page .faqs-hero {
  padding: 3rem 0;
  background: linear-gradient(
    252deg,
    var(--pt-violet) 15.2%,
    var(--pt-blue) 80.98%
  );
}

.faqs-page .faqs-hero-copy {
  max-width: 38rem;
  color: #ffffff;
}

.faqs-page .faqs-hero-copy h1 {
  margin: 0 0 1rem;
  color: hsl(0, 0%, 100%);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.25;
}

.faqs-page .faqs-hero-copy h1 span {
  color: var(--pt-yellow);
}

.faqs-page .faqs-hero-copy .para {
  margin: 0;
  color: #ffffff;
  font-size: 1.25rem;font-weight: 400;
  line-height: 1.85;
}

.faqs-page .faqs-hero-media {
  overflow: hidden;
  border-radius: 2.15rem;
  box-shadow: 0 4px 28.9px rgba(0, 0, 0, 0.13);
  background-color: white;
  min-height: 350px;
  align-content: center;
}

.faqs-page .faqs-hero-media img {
  max-width: 60%;
  margin: 0px auto;
}

@media (max-width: 1399.98px) {
  .faqs-page .faqs-hero-copy h1 {
    font-size: 2.9rem;
  }
}

@media (max-width: 1199.98px) {
  .faqs-page .faqs-hero-copy h1 {
    font-size: 2.6rem;
  }
}

@media (max-width: 991.98px) {
  .faqs-page .faqs-hero {
    padding: 2.7rem 0 3rem;
  }

  .faqs-page .faqs-hero-copy {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .faqs-page .faqs-hero-media {
    min-height: fit-content;
    padding: 3rem 0;
  }
}

@media (max-width: 767.98px) {
  .faqs-page .faqs-hero-copy h1 {
    font-size: 2rem;
  }

  .faqs-page .faqs-hero-copy p {
    font-size: 0.98rem;
    line-height: 1.75;
  }

  .faqs-page .faqs-hero-media {
    border-radius: 1.4rem;
  }
}

@media (max-width: 575.98px) {
  .faqs-page .faqs-hero {
    padding-top: 2.3rem;
  }

  .faqs-page .faqs-hero-copy h1 {
    font-size: 1.8rem;
  }
}

/* New styles for FAQ */
:root {
  --pt-blue: #2d78c3;
  --pt-violet: #6959be;
  --pt-yellow: #ffd700;
  --pt-text: #191919;
  --pt-body: #2b2b2b;
  --pt-muted: #f5f7fc;
  --pt-border: #0c8ae5;
}

body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  background: #ffffff;
  color: var(--pt-text);
}

.faqs-page {
  overflow-x: clip;
  overflow-y: visible;
}

.faqs-page img {
  display: block;
  max-width: 100%;
}

.faqs-page .faqs-hero {
  padding: 3rem 0;
  background: linear-gradient(
    252deg,
    var(--pt-violet) 15.2%,
    var(--pt-blue) 80.98%
  );
}

.faqs-page .faqs-hero-copy {
  max-width: 38rem;
  color: #ffffff;
}

.faqs-page .faqs-hero-copy h1 {
  margin: 0 0 1rem;
  color: hsl(0, 0%, 100%);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.25;
}

.faqs-page .faqs-hero-copy h1 span {
  color: var(--pt-yellow);
}

.faqs-page .faqs-hero-copy p {
  margin: 0;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.85;
}

.faqs-page .faqs-hero-media {
  overflow: hidden;
  border-radius: 2.15rem;
  box-shadow: 0 4px 28.9px rgba(0, 0, 0, 0.13);
  background-color: white;
  min-height: 350px;
  align-content: center;
}

.faqs-page .faqs-hero-media img {
  max-width: 60%;
  margin: 0px auto;
}

.faqs-page .faqs-browser {
  padding: 3.5rem 0 5rem;
  background: #f5f7fc;
}

.faqs-page .faq-topics-column {
  align-self: flex-start;
  position: sticky;
  top: 1.5rem;
}

.faqs-page .faq-topics-card {
  border: 1px solid #ababab;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 4px 10.2px rgba(0, 0, 0, 0.16);
  padding: 1.5rem 0.625rem 1rem;
}

.faqs-page .faq-topics-title {
  margin: 0 0 1rem;
  padding: 0 0.375rem;
  color: #636363;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
}

.faqs-page .faq-topics-nav {
  display: grid;
  gap: 0.5rem;
}

.faqs-page .faq-topic-btn {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  border: 0;
  border-radius: 0.5rem;
  background: #ffffff;
  color: #4c4c4c;
  padding: 0.5rem 0.5rem;
  text-align: left;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
  white-space: normal;
}

.faqs-page .faq-topic-btn:hover {
  background: #eef4ff;
  color: #1d489c;
}

.faqs-page .faq-topic-btn.is-active {
  background: #e3edff;
  color: #1d489c;
  font-weight: 500;
}

.faqs-page .faq-topic-btn .faq-topic-icon {
  fill: #636363;
}
.faqs-page .faq-topic-btn .faq-topic-icon svg.icon {
  width: 1em;
  height: 1em;
  font-size: 20px;
}
.faqs-page .faq-topic-btn.is-active .faq-topic-icon {
  fill: #1d489c;
}
.faqs-page .faq-topic-icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
}

.faqs-page .faq-topic-icon svg {
  width: 100%;
  height: 100%;
}

.faqs-page .faq-topic-label {
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.35;
}

.faqs-page .faq-empty-state {
  margin-top: 1rem;
  border: 1px solid #c8d7ee;
  border-radius: 1rem;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  padding: 1.75rem 1.5rem;
}

.faqs-page .faq-empty-state.is-hidden {
  display: none;
}

.faqs-page .faq-empty-state h3 {
  margin: 0 0 0.5rem;
  color: #1d489c;
  font-size: 1.25rem;
  font-weight: 600;
}

.faqs-page .faq-empty-state p {
  margin: 0;
  color: #4c4c4c;
  font-size: 0.98rem;
  line-height: 1.75;
}

.faqs-page .faq-topic-count {
  min-width: 2.2rem;
  border-radius: 0.25rem;
  background: #f1f1f1;
  color: #7d7d7d;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
  padding: 0.125rem 0.5rem;
  text-align: center;
}

.faqs-page .faq-topic-btn.is-active .faq-topic-count {
  background: #1d489c;
  color: #ffffff;
}

.faqs-page .faq-accordion {
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-color: #c8c8c8;
  --bs-accordion-border-radius: 1rem;
  --bs-accordion-inner-border-radius: 1rem;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-color: #191919;
  --bs-accordion-active-bg: #ffffff;
  --bs-accordion-btn-icon-width: 1.2rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 6L8 11L13 6' stroke='%23454545' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 6L8 11L13 6' stroke='%23454545' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: grid;
  gap: 1.15rem;
}

.faqs-page .faq-item {
  overflow: hidden;
  border: 1px solid #c8c8c8;
  border-radius: 0.75rem;
  box-shadow: none;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.faqs-page .faq-item.is-hidden {
  display: none;
}

.faqs-page .faq-item.is-open {
  border-color: #0c8ae5;
  box-shadow: 0 4px 10px rgba(12, 138, 229, 0.18);
}

.faqs-page .faq-item .accordion-button {
  padding: 1rem 3rem 1rem 1rem;
  color: #191919;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.35;
}

.faqs-page .faq-item .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.faqs-page .faq-item .accordion-button::after {
  position: absolute;
  right: 1.35rem;
}

.faqs-page .faq-item .accordion-body {
  padding: 0 1rem 1rem;
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.55;
  max-width: 58rem;
}

svg.hidden {
  display: none;
}