 .faq-expandable-details[open] .faq-chevron-container svg {
    rotate: 270deg;
  }

  .buyers-guide-wrapper,
  .faqs-wrapper,
  .firm-directory-list li:nth-child(n+3) {
    content-visibility: auto;
    contain-intrinsic-size: auto 500px
  }

  .buyers-guide-wrapper h2,
  .faqs-wrapper h2,
  .related-services-wrapper h2 {
    font-size: 24px;
    font-weight: 600;
    /* padding-bottom: 20px */
  }

  .faqs-wrapper h2,
  .related-services-wrapper h2 {
    /* padding-bottom: 20px */
  }

  .buyers-guide-wrapper h2,
  .comparison-product-title,
  .faqs-wrapper h2,
  .related-services-wrapper h2 {
    font-size: 25px
  }

  .system-bg {
    padding: 50px 0
  }

  .container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    float: none
  }

  .container:after {
    clear: both;
    content: "";
    display: table
  }

  .faq-question {
    position: relative;
    border-bottom: 1px solid #CFDBE8;
  }

  #service-providers .js-firm-row,
  summary.pointer {
    cursor: pointer
  }

  .faq-questions-header {
    display: flex;
    padding: 25px 15px 25px 0;
    justify-content: space-between;
    align-items: center;
  }

  .faq-questions-group .faq-question:first-child .faq-questions-header {
    padding-top: 15px
  }

  .faq-questions-title {
    font-size: 22px;
    padding-right: 20px;
    font-weight: 400;
    margin: 0
  }

  details>summary::-webkit-details-marker,
  details>summary::marker {
    display: none;
    content: ""
  }

  .faq-chevron {
    width: 16px;
    height: 16px;
    margin-top: 8px
  }

  .faq-expandable-details[open] .faq-chevron {
    margin-top: 11px
  }

  .faq-chevron-lines,
  .lm-item-chevron-lines {
    transition: transform .4s;
    transform: translateY(24px)
  }

  .faq-expandable-details[open] .faq-chevron-lines,
  .lm-item-expandable[open] .lm-item-chevron-lines {
    transform: translateY(calc(16px * -1))
  }

  .faq-chevron-line {
    stroke: var(--primary);
    stroke-width: 16px;
    stroke-linecap: square;
    transform-origin: 50%;
    transform: rotate(42deg);
    transition: transform .3s, stroke .3s
  }

  .faq-chevron-line.faq-chevron-line-right,
  .faq-expandable-details[open] .faq-chevron-line-left {
    transform: rotate(-42deg)
  }

  .faq-expandable-details[open] .faq-chevron-line-right {
    transform: rotate(42deg)
  }

  .buyers-guide-answer ul,
  .faq-questions-description ul {
    padding-bottom: 10px;
    padding-top: 10px
  }

  .faq-questions-description {
    color: var(--gray);
    padding-bottom: 20px
  }

  .introduction-text ol,
  .introduction-text ul {
    padding-top: 10px
  }

  .buyers-guide-answer ul li,
  .faq-questions-description ul li,
  .introduction-text ol li,
  .introduction-text ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    list-style: none !important
  }

  .buyers-guide-answer ul li::before,
  .faq-questions-description ul li::before {
    content: "";
    background: url('data:image/svg+xml;
 charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" ><path d="M.091 9.172l6.586-4.586L.091 0l2.404 4.586z" fill="%233a7af3" /></svg>') 0 1px no-repeat;
 height:14px;
        width:10px;
        position:absolute;
        left:0;
        top:5px
    }

    .faq-questions-description p {
      margin-bottom:10px
    }

    .buyers-guide-answer ol, .faq-questions-description ol {
      padding-bottom:10px;
      padding-top:10px;
      padding-left:20px
    }

    .buyers-guide-answer ol li, .faq-questions-description ol li {
      list-style:decimal;
      padding-left:10px;
      margin-bottom:10px
    }

    .leaders-matrix-graph-wrapper, .software-comparison-list-wrapper {
      background:var(--white);
      padding:50px 0
    }

    .faq-questions-title, h2 {
      font-size:18px
    }

    .faq-questions-title {
      font-size:15px;
      font-weight:600
    }

    .faq-questions-header {
      padding:15px 15px 15px 0
    }
      @media (min-width: 640px) and (max-width: 767px) {
    #pagination .hidden {
      display: flex;
      flex-wrap: wrap;
    }
    #pagination .hidden p {
      margin-bottom: 10px;
    }
  }

    
