.px-faq-accordion {
  position: relative;
  max-width: 100% !important;
  width: 100% !important;
}
@media screen and (max-width: 1024px) {
  .px-faq-accordion-inner {
    flex-direction: column;
    gap: 40px;
  }
}
.px-faq-accordion-inner .bg-secondary {
  position: absolute;
  right: 0;
  z-index: 0;
  width: 76%;
  background-color: var(--second-color);
  height: 485px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
@media screen and (max-width: 768px) {
  .px-faq-accordion-inner .bg-secondary {
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.px-faq-accordion-inner .faq {
  max-width: var(--maxWidthBig);
  position: relative;
  width: 92%;
  margin-inline: auto;
}
.px-faq-accordion-inner .text {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding-top: 50px;
  width: 24%;
}
@media screen and (max-width: 1200px) {
  .px-faq-accordion-inner .text {
    width: 30%;
  }
}
@media screen and (max-width: 960px) {
  .px-faq-accordion-inner .text {
    width: 38%;
  }
}
@media screen and (max-width: 768px) {
  .px-faq-accordion-inner .text {
    position: static;
    width: 100%;
  }
}
.px-faq-accordion-inner .text p {
  margin-bottom: 20px;
}
.px-faq-accordion-inner .faq-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  z-index: 0;
  position: relative;
  padding-block: 114px 200px;
}
@media screen and (max-width: 960px) {
  .px-faq-accordion-inner .faq-items {
    grid-template-columns: repeat(2, 1fr);
    padding-block: 114px 150px;
  }
}
@media screen and (max-width: 768px) {
  .px-faq-accordion-inner .faq-items {
    padding-block: 40px 0;
    grid-template-columns: repeat(1, 1fr);
  }
}
.px-faq-accordion-inner .faq-items .faq-item {
  background-color: var(--main-color);
  margin-inline: auto;
  color: var(--contrastColorInverted);
  padding: 30px;
  border-radius: 6px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 100%;
  width: 100%;
  /* Selects the 2nd, 5th, 8th, 11th, etc., child */
  /* Selects the 3rd, 6th, 9th, 12th, etc., child */
}
.px-faq-accordion-inner .faq-items .faq-item:nth-child(3n+2) {
  top: 100px;
}
.px-faq-accordion-inner .faq-items .faq-item:nth-child(3n) {
  top: 200px;
}
@media screen and (max-width: 960px) {
  .px-faq-accordion-inner .faq-items .faq-item {
    /* Selects every 2nd child (2nd, 4th, 6th, etc.) */
    /* Selects the 3rd, 5th, 7th, 9th, etc., child */
  }
  .px-faq-accordion-inner .faq-items .faq-item:nth-child(2n) {
    top: 150px;
  }
  .px-faq-accordion-inner .faq-items .faq-item:nth-child(2n+3) {
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .px-faq-accordion-inner .faq-items .faq-item {
    top: 0 !important;
  }
}
.px-faq-accordion-inner .faq-items .faq-item .question p {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: var(--contrastColorInverted);
  opacity: 1;
}
.px-faq-accordion-inner .faq-items .faq-item .question .divider {
  padding-bottom: clamp(1.25rem, 1.1148648649rem + 0.6756756757vw, 1.75rem);
  background-image: repeating-linear-gradient(90deg, #f0f0f0, #f0f0f0 27px, transparent 27px, transparent 36px, #f0f0f0 34px);
  background-size: 105% 2px;
  background-position: -11px 100%;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.px-faq-accordion-inner .faq-items .faq-item .answer {
  padding-top: clamp(1.25rem, 1.0810810811rem + 0.8445945946vw, 1.875rem);
}
.px-faq-accordion-inner .faq-items .faq-item .answer p {
  line-height: 1.6;
  margin: 0;
  color: var(--contrastColorInverted);
  opacity: 0.9;
}