Overlapping Ordered List and Unordered List

Design help Custom code
1

Hi everyone, I recently assumed work from someone else who did a website. So basically I know how I can resolve the issue but could not find where to fix it. My concern is as simple as the ordered and unordered lists as seen on the screenshot overlap. I’m going to paste the custom code that has been created. Maybe a set of fresh eyes could help me. Thank you.

<!-- [Attributes by Finsweet] Table of Contents -->
<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-toc@1/toc.js"></script>

<style>
  .copy.reg p {
    margin-top:18px !important;
  }
 .terms-of-content-wrap.copy ul {
    padding-left: 20px;
  }
  .terms-of-content-wrap h3 {
    margin-bottom: 20px;
}
  .terms-of-use-content ul {
    padding: 0;
  }
  .terms-of-use-content p {
    margin-bottom: 24px !important;    
  }
  .terms-of-use-content h4 {
    font-size: 20px !important;
    line-height: 22px !important;
    margin-bottom: 8px !important;
  }
  .terms-of-use-content ul li {
    margin-bottom: 8px !important;
  }
  /*Accordian*/
  .accordion-container { 
  width: 100%;
}

details {
  font-size: var(--title);
  margin: 0 auto;
  width: 100%;
  position: relative;
  border-bottom: 1px solid var(--border-color);
  transition: all 0.3s ease-in-out;

  &:hover {
    opacity: 1;
  }
}

summary {
  user-select: none;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  padding: var(--header-padding);

  &:hover {
    text-decoration: none;

    & .title {
      opacity: 1;
    }

    & .accordion-icon {
      opacity: 1;
    }
  }
}

.accordion-title {
  color: #18174d;
  width: 100%;
  font-weight: 500;
  transition: all 250ms ease-in-out;
  margin-bottom:24px;
      font-size: 20px !important;
    line-height: 22px !important;
    font-weight: 600;
}
}

.accordion-icon {
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  right: 1rem;
  transition: all 150ms ease-out;

  svg {
    width: var(--icon-size);
    height: var(--icon-size);
    transition: transform 0.3s ease-in-out;
  }
}

.accordion-content {
    color: #18174d;
    letter-spacing: -.25px;
    margin-bottom: 10px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 26px;
}

/** Remove Marker */
summary::-webkit-details-marker {
  display: none;
}

/** Rotate Icon */
details[open] .accordion-icon svg {
  transform: rotate(180deg);
}
  
</style>

image
image418×1086 54.2 KB

Looking forward to your help guys! Thanks in advance!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)