.service-details {
  &__content {
    .service-thumb {
      border-radius: 40px;
      overflow: hidden;

      @include breakpoint(max-lg) {
        border-radius: 20px;
      }
    }
    .service-title {
      margin-top: 30px;
    }
    p {
      margin-top: 10px;
      font-size: 16px;
      line-height: 162.5%;
    }
    .service-lists {
      margin-top: 30px;

      @include breakpoint(max-md) {
        margin-top: 20px;
      }
      ul {
        li {
          @extend %p-relative, %d-flex, %item-center;
          gap: 15px;
          &::before {
            font: var(--fa-font-solid);
            content: "\f00c";
            color: $color-primary;
          }

          &:not(:last-of-type) {
            margin-bottom: 8px;

            @include breakpoint(max-md) {
              margin-bottom: 5px;
            }
          }
        }
      }
    }
    .service-title2 {
      margin-top: 40px;

      @include breakpoint(max-md) {
        margin-top: 20px;
      }
    }
  }
  &__sidebar {
  }
  &__thumbs {
    border-radius: 30px;
    overflow: hidden;

    @include breakpoint(max-lg) {
      border-radius: 15px;
    }
  }
}
