section.services3
  @include spaceSection
  .content
    width: 100%
    gap: 1rem 0
    @media (min-width: 768px)
      width: 85%
      margin: 0 auto
      flex-direction: row
      align-items: center
      justify-content: space-between
      gap: 10%
    h2
      text-align: center
      // margin-bottom: 2rem
      @media (min-width: 768px)
        width: auto
        text-align: left
      @media (min-width: 1280px)
        font-size: 26px
      @media (min-width: 1440px)
        font-size: 28px
      @media (min-width: 1600px)
        font-size: 30px
    .slickServices2
      width: 100%
      @media (min-width: 1024px)
        padding-right: 10px
        // min-height: 600px
        // height: 500px
        // overflow-y: scroll
        display: flex
        align-items: stretch
        justify-content: flex-start
        flex-wrap: wrap
        gap: 2rem
        &::-webkit-scrollbar
          width: 3px
          background-color: rgba(0, 0, 0, .1)
        &::-webkit-scrollbar-thumb
          background-color: $yellow
          border-radius: 5px
      .slick-slide
        margin: 0 10px!important
      .item
        border: 1px solid #c4c4c4
        border-radius: 25px
        padding: 2rem
        width: 250px
        height: 460px
        @media (min-width: 768px)
          width: 485px
          height: 250px
        @media (min-width: 1024px)
          height: auto!important
          width: calc( 50% - 1rem )
        // @media (min-width: 1600px)
        //   width: calc( 33% - 1rem )
        .title
          width: 100%
          display: flex
          justify-content: space-between
          align-items: flex-start
          margin-bottom: 1rem
          gap: 2rem
          @media (min-width: 1024px)
            margin-bottom: 1.5rem
          p
            //text-transform: uppercase
            font-weight: 700
            @media (min-width: 1024px)
              font-size: 14px
            @media (min-width: 1280px)
              font-size: 16px
            @media (min-width: 1600px)
              font-size: 18px
          .badge::after
            content: ''
            background: $yellow
            position: absolute
            width: 30px
            height: 30px
            border-radius: 50%
            top: 50%
            left: 50%
            transform: translate(-50%, -50%)
            z-index: 0
          .badge span
            color: $black
            position: relative
            z-index: 1