:root {
  --primary: #0C0121;
  --secondary: #5801FF;
  --tertiary: #FFF;
  --transparent: transparent;
}

.dn-block--faq-text-left .dn-block__inner {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 992px) {
  .dn-block--faq-text-left .dn-block__inner {
    padding: 0 0 100px 0;
  }
}
.dn-block--faq-text-left .dn-block__inner-blocks-top {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .dn-block--faq-text-left .dn-block__inner-blocks-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
  }
}
.dn-block--faq-text-left .dn-block__inner-blocks-top .dn-block--faq-list, .dn-block--faq-text-left .dn-block__inner-blocks-top .wp-block-dn-faq {
  margin: 40px 0 40px;
}
@media (min-width: 992px) {
  .dn-block--faq-text-left .dn-block__inner-blocks-top .dn-block--faq-list, .dn-block--faq-text-left .dn-block__inner-blocks-top .wp-block-dn-faq {
    grid-column: 2;
    grid-row: 1/span 4;
    margin: 0;
  }
}
.dn-block--faq-text-left .dn-block__inner-blocks-top > p {
  width: 100%;
}
@media (min-width: 992px) {
  .dn-block--faq-text-left .dn-block__inner-blocks-top > p {
    grid-column: 1;
    max-width: 400px;
  }
  .dn-block--faq-text-left .dn-block__inner-blocks-top > p:nth-of-type(1) {
    grid-row: 1;
  }
  .dn-block--faq-text-left .dn-block__inner-blocks-top > p:nth-of-type(2) {
    grid-row: 3;
  }
  .dn-block--faq-text-left .dn-block__inner-blocks-top > p:nth-of-type(3) {
    grid-row: 4;
    margin-top: 10px;
  }
}

.dn-block__5inner-blocks-top {
  display: grid;
  grid-template-columns: 1fr 300px; /* Left column for <p> tags, Right for the section */
  grid-template-rows: auto 1fr auto; /* Rows for top <p>, space, and bottom <p> */
}

.dn-block5__inner-blocks-top p {
  grid-column: 1; /* All <p> tags in the left column */
}

.dn-bloc5k--faq-list {
  grid-column: 2; /* Section in the right column */
  grid-row: 1/span 3; /* Span all rows to fill the right column */
}

.dn-bloc5k__inner-blocks-top p:first-of-type {
  grid-row: 1; /* First <p> at the top of the left column */
}

.dn-bloc5k__inner-blocks-top p:nth-of-type(2),
.dn-blo5ck__inner-blocks-top p:nth-of-type(3) {
  grid-row: 3; /* Other <p> tags at the bottom of the left column */
}

.dn-blo5ck__inner-blocks-top p:nth-of-type(3) {
  grid-row: 4; /* Third <p> at the bottom of the left column */
}