section.request
  @include spaceSection
  .container
    align-items: flex-start
    gap: 3rem 0
    @media (min-width: 1024px)
      flex-direction: row
      justify-content: space-between
    @media (min-width: 1024px)
      justify-content: flex-start
      gap: 0 10%
    @media (min-width: 1440px)
      justify-content: flex-start
      gap: 0 12%
    .text
      width: 100%
      gap: 1rem 0
      @media (min-width: 1024px)
        width: 40%
      @media (min-width: 1280px)
        width: 30%
        position: sticky
        top: 120px
      @media (min-width: 1440px)
        width: 28%
      @media (min-width: 1600px)
        width: 26%
      h1
        font-weight: 400
        span
          font-size: 24px
          font-weight: 700
      h1, h1 span
        @media (min-width: 1024px)
          font-size: 26px
        @media (min-width: 1440px)
          font-size: 28px
        @media (min-width: 1600px)
          font-size: 30px
    form
      width: 100%
      gap: 2.5rem 0
      //margin-bottom: 2rem
      @media (min-width: 1024px)
        width: 50%
      @media (min-width: 1280px)
        width: 35%
      @media (min-width: 1440px)
        width: 32%
      .item
        padding-bottom: 1.2rem
        align-items: flex-start
        &:not(:last-child)
          border-bottom: 1px solid #c4c4c4
        h2
          font-size: 20px
          //text-transform: uppercase
          margin-bottom: 1rem
          @media (min-width: 1280px)
            font-size: 22px
          @media (min-width: 1600px)
            font-size: 24px
          @media (min-width: 1900px)
            font-size: 26px
        .separator
          width: 100%
          margin: 1rem 0
          border-top: 1px solid #c4c4c4
        &>p
          font-size: 15px
          margin-bottom: 1rem
          font-weight: 700
          @media (min-width: 1440px)
            font-size: 16px
        input[type="text"], input[type="date"]
          width: 100%
          border: 1px solid $black
          height: 2.2rem
          border-radius: 25px
          padding: 0 10px
          background: none
        .calendar
          width: 50%
          @media (min-width: 1280px)
            width: 100%
          input
            width: 100%
            @media (max-width: 1250px)
              -webkit-appearance: none
              -moz-appearance: none
          img
            position: absolute
            right: 10px
            top: 50%
            transform: translateY(-50%)
            z-index: 1
            @media (min-width: 1280px)
              display: none
        p span
          font-size: 15px
          font-weight: 400
        textarea
          border-radius: 25px
          border: 1px solid $black
          width: 100%
          padding: .5rem 10px
          resize: none
          background: none
        .file
          justify-content: space-between
          align-items: center
          padding: .6rem 1rem
          background-color: $black
          margin-bottom: 1rem
          span
            color: $white
          @media (min-width: 1280px)
            img
              cursor: pointer
        .file, .upload
          width: 100%
          border-radius: 25px
          img
            width: 25px
        .button_add
          margin-top: 4%
          background: #4d4f50
          border-radius: 20px
          padding: 0.6rem 1rem
          font-size: 14px
          font-weight: 700
          color: #fff
        .upload
          border: 1px solid $black
          input
            width: 100%
            padding: 15px 10px
            font-size: 14px
            border: none
            cursor: pointer
          img
            position: absolute
            top: 50%
            right: 10px
            transform: translateY(-50%)
            cursor: pointer
        .file, .upload
          @media (min-width: 1280px)
            width: 70%
        .policy
          width: 100%
          gap: 1rem
          align-items: center
          .text
            width: 100%
            gap: 0 5px
            grid-template-columns: 1rem 1fr
            place-items: start
            span,a
              color: $black
              font-weight: 700
              font-size: 16px
            span a 
              font-size: 10px
              font-weight: 700
              color: $black
          @media (min-width: 1280px)
            flex-direction: row
            justify-content: space-between
            .text
              width: 75%
          @media (min-width: 1366px)
            .text
              span, span a
                font-size: 11px
          &>a
            // display: grid
            // place-items: center
            background: $yellow
            border-radius: 20px
            padding: 0.6rem 1rem
            font-size: 14px
            font-weight: 700
            color: $textColor
            @media (min-width: 1280px)
              cursor: pointer
              &:hover
                text-decoration: underline
            // img
            //   transition: all 0.3s
            // @media (min-width: 1280px)
            //   &:hover
            //     img
            //       transform: scale(0.8)
      .denun select
        width: 100%
        border: 1px solid $black
        height: 2.2rem
        border-radius: 25px
        padding: 0 10px
        background-color: $white
      .denun .checks
        gap: 0 1.5rem
        input
          margin-left: 10px