.contentPost
  // padding: 10% 0 0
  // @media (min-width: 768px)
  //   padding: 6% 0 0
  @media (min-width: 1024px)
    padding: 0 0 6% 6%
  @media (min-width: 1600px)
    padding: 0 0 0 4%
  @media (min-width: 1900px)
    padding: 0 0 0 3%
  .backPost
    padding: 2rem 0 1rem 7.5%
    justify-content: flex-start
    @media (min-width: 1024px)
      padding: 2rem 0
    @media (min-width: 1280px)
      padding: 3rem 0 3rem 5%
      &:hover
        span
          text-decoration: underline
    @media (min-width: 1600px)
      padding: 3rem 0 3rem 15%
    a
      align-items: center
      gap: 0 .5rem
      span
        color: $black
  .contentSection
    align-items: center
    @media (min-width: 1024px)
      flex-direction: row
      align-items: stretch
      justify-content: space-between
  .contentSection>.content
    align-items: flex-start
    @media (max-width: 1023px)
      padding: 0 7.5%
    .wallpost
      width: 100%
    @media (min-width: 1024px)
      width: 60%
      // padding: 6% 0 0
    @media (min-width: 1280px)
      width: 55%
      padding-left: 5%
    @media (min-width: 1600px)
      width: 60%
      padding-left: 15%
    &>h3
      margin: .8rem 0
      font-size: 22px
      @media (min-width: 1280px)
        font-size: 24px
      @media (min-width: 1600px)
        font-size: 28px
        margin: 1rem 0
      @media (min-width: 1900px)
        font-size: 32px
    .date
      align-items: center
      gap: 0 .5rem
      img
        width: 18px
      span
        // color: $textColor
        font-size: 12px
    .textPost
      // color: $textColor
      margin: 1rem 0 2rem
      white-space: pre-wrap
      overflow-wrap: break-word
      a
        display: block
      @media (min-width: 1024px)
        margin: 1.5rem 0 0 
        padding-bottom: 5%
    .text_url
      border-top: 1px solid #c4c4c4
      text-align: left
      margin-top: 5%
      padding-top: 5%
      width: 100%
      display: flex
      align-items: baseline
      flex-direction: column
      h4
        font-weight: 700
        margin-bottom: 2%
      a
        display: grid
        place-items: center
        background: $yellow
        border-radius: 20px
        padding: .6rem 1rem
        width: auto
  .contentSection aside
    width: 100%
    padding: 10% 0
    @media (min-width: 768px)
      padding: 3% 0
      border-left: 1px solid #c4c4c4
    @media (min-width: 1024px)
      width: 35%
      padding: 0 5%
    @media (min-width: 1280px)
      display: flex
      flex-direction: column
      align-items: center
    @media (min-width: 1600px)
      width: 28%
      // padding: 6% 5%
    .content
      align-items: center
      // @media (min-width: 1024px)
      //   position: sticky
      //   top: 15%
      @media (min-width: 1280px)
        width: 85%
      h3
        // // color: $textColor
        // font-size: 18px
        margin-bottom: 1rem
      @media (min-width: 768px)
        align-items: center
      @media (min-width: 1024px)
        align-items: flex-start
        h3
          margin-bottom: 2rem
      @media (min-width: 1280px)
        h3
          margin-bottom: 3rem
      @media (min-width: 1900px)
        h3
          font-size: 22px
    .content .interestPost
      width: 100%
      .slick-slide
        margin: 1rem!important
      @media (min-width: 768px)
        align-items: center
        margin: 0
      @media (min-width: 1024px)
        display: grid
        place-items: center
        grid-template-columns: 1fr
        gap: 1.5rem 0
      @media (min-width: 1024px)
        gap: 2rem 0
      @media (min-width: 1280px)
        gap: 2.5rem 0
    .content .interestPost .item
      display: flex!important
      flex-direction: column
      background-color: #F9FAFC
      box-shadow: 0px 4px 6px 0px rgba(50,50,93,0.11) , 0px 1px 3px 0px rgba(0,0,0,0.08) 
      border-radius: 10px
      overflow: hidden
      .thumb
        height: 150px
      .text
        width: 100%
      .thumb img  
        width: 100%
        object-fit: cover
      .text
        gap: 10px 0
        padding: 2rem
        a
          color: $black
          font-weight: 700
          height: 4rem
          @media (min-width: 1280px)
            &:hover
              text-decoration: underline
        span
          font-size: 13px