section {
  &.project-internal {
    h2 {
      margin-bottom: 24px !important;
      text-align: center;
      @media (max-width: 992px) {
        margin-top: 100px;
      }
    }
    .project-details {
      min-height: 379px;
      background: #F4F0EC;
      border-radius: 50px;
      padding: 80px 50px;
      @media (max-width: 600px) {
        padding: 60px 50px;
      }
      @media (max-width: 500px) {
        padding: 60px 0;
      }
      ul {
        list-style-type: none;
        display: inline-grid;
        @media (max-width: 768px) {
          display: inline-grid;
        }
        li {
          display: inline-flex;
          float: left;
          font-size: 22px;
          margin-bottom: 40px;
          @media (max-width: 768px) {
            display: block;
          }
          strong {
            min-width: 160px;
            font-family: 'DM Serif Display', sans-serif;
            font-weight: 400;
          }
          span {
            font-family: 'Jost', sans-serif !important;
            font-weight: normal;
            padding-left: 10px;
            @media (max-width: 768px) {
              display: block;
              padding-left: 0;
            }
            &.label {
              padding: 0 !important;
              text-align: left;
            }
            time,
            a {
              font-family: 'Jost', sans-serif !important;
              color: #4D5053;
              font-size: 22px;
              text-transform: capitalize;
            }
            &.categories {
              div {
                display: inline;
                &:not(:last-child)::after {
                  content: " / ";
                  margin-left: 5px;
                  margin-right: 5px;
                }
              }
            }
          }
        }
      }
    }
  }
  .group-paragraph-before-after {
    margin-top: 100Px;
    h3 {
      margin-bottom: 24px !important;
      text-align: center;
      font-size: 50px;
      padding: 0 150px;
      line-height: 50px;
      font-weight: 400;
    }
    .twentytwenty-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      max-width: 1200px; /* ou outro valor conforme necessário */
      margin: 100px 0 auto;
      .twentytwenty-container {
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
        overflow: hidden;
        img {
          width: 100% !important;
          height: auto !important;
          object-fit: cover;
        }
      }

      .twentytwenty-container
      .before-after {
        a {
          img {

          }

        }
      }
    }

  }
}
.view-projects {
  padding-bottom: 100px;
  .projects-categories {
    text-align: center;
    width: 100%;
    border: #CDA274 solid 1px;
    border-radius: 18px;
    margin-bottom: 100px;
    .item {
      line-height: 72px;
      a {
        text-align: center;
        font-size: 18px;
        min-width: 220px;
        padding: 26px 37%;
        color: #292F36;
        &.active {
          background: #CDA274;
          border-radius: 18px;
          color: #fff;
        }
      }
    }
    .owl-nav.disabled+.owl-dots {
      position: absolute;
      margin: 20px auto;
      width: 100%;
      .owl-dot.active span,
      .owl-dot:hover span {
        background-color: #CDA274;
      }
    }
  }
  .list-projects {
    padding-bottom: 0;
    @media (max-width: 990px) {
      margin-top: 100px;
    }
    h3 {
      font-size: 50px;
    }
    .card-project {
      margin-bottom: 50px;
      padding: 24px 24px;box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0;
      img {
        border-radius: 40px;
        min-height: 390px;
        max-height: 390px;
        object-fit: cover;
        object-position: center;
        margin: 0 auto;
        @media (max-width: 990px) {
          min-height: 390px;
          max-height: 390px;
          width: 100% !important;
        }
      }
    }
  }
}