@import url('../../commons/blocks/terms-of-use/terms-of-use.css');
.section.terms-of-use-container.contact-container {
  background-color: var(--secondary-gray-10);
  gap: 30px;
  padding-bottom: 0;
  .terms-of-use__container {
    padding: 36px 20px 0px 20px;
    gap: 32px;
    * {
      margin: 0;
      padding: 0;
    }

    .heading {
      font-family: var(--body-font-arena);
      font-size: 2rem;
      font-style: normal;
      font-weight: 700;
      line-height: 2.375rem; 
      color: var(--secondary-black)
    }

    .body {
      flex: 1;
    }

    .content {
      color: var(--secondary-main);
      font-family: var(--body-font-family);

      h4 {
        color: var(--tertiary-black);
        font-size: 0.875rem;
        line-height: 1.125rem;
        margin-bottom: 10px;
        font-weight: var(--fw-700);
        font-family: var(--body-font-arena);
        @media (width >=1024px) {
          font-size: 0.75rem;
        }
        strong {
          font-weight: var(--fw-700);
        }
      }

      p {
        font-weight: var(--fw-400);
        margin-bottom: 1rem;
        font-family: var(--body-font-arena);
        font-size: 0.75rem;
        font-style: normal;  
        line-height: 1rem;
        text-align: justify;
        color: var(--tertiary-black);
        @media (width >=1024px) {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }

    ul, ol {
      margin-bottom: 10px;
      li {
        margin-left: 20px;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: var(--fw-400);
        line-height: 1rem;
        text-align: left;
        font-family: var(--body-font-arena);
        margin-top: 16px;
        color: var(--tertiary-black);
        text-align: justify;
        @media (width >=1024px) {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }
    ul li{
      list-style-type: disc;
    }
  }

  @media (width >=768px) {
      padding-bottom: 0;
      margin-bottom: -1px;
      gap:50px;
    .terms-of-use__container {
      padding: 56px 56px 0px 56px;
      gap: 40px;

      .heading {
        font-size: 32px;
        line-height: 38px;
      }

      .content {
        h4 {
          font-size:14px;
          line-height: 20px;
          margin-bottom: 18px;
        }

        p {
          font-size: 14px;
          line-height: 20px;
          &.p-head{
            font-weight: var(--fw-700);
          }
        }
        ul, ol {
          margin-bottom: 16px;
          color: var(--tertiary-black);
          
          li {
            font-size: 14px;
          }
        } 
      }
    }
  }
}