section.contactHome
  @include spaceSection
  .content
    width: 85%
    margin: 0 auto
    background: rgba(255, 255, 255, 0.8)
    border-radius: 30px
    padding: 2rem
    @media (min-width: 768px)
      width: 70%
      padding: 3rem
    @media (min-width: 1024px)
      width: 60%
      padding: 3rem 4rem
    @media (min-width: 1280px)
      width: 50%
    @media (min-width: 1440px)
      width: 45%
    @media (min-width: 1600px)
      width: 40%
    @media (min-width: 1900px)
      width: 35%
    h2
      color: $textColor
      //text-transform: uppercase
      @media (min-width: 1280px)
        font-size: 26px
      @media (min-width: 1440px)
        font-size: 28px
      @media (min-width: 1600px)
        font-size: 30px
    p
      color: $textColor
      margin: 10px 0 1rem
    form
      width: 100%
      gap: 1rem 0
      div
        width: 100%
      input, textarea
        font-family: 'Montserrat', sans-serif
      input:not([type=checkbox]), textarea
        border: 1px solid $yellow
        background-color: $yellow
        border-radius: 20px
        color: $textColor
        width: 100%
        &::placeholder
          color: $textColor
      input:not([type=checkbox])
        height: 2.5rem
        padding: 0 1rem
      textarea
        width: 100%
        resize: none
        padding: .5rem 1rem
      @media (min-width: 768px)
        flex-direction: row
        justify-content: space-between
        flex-wrap: wrap
        input[type=text],
        input[type=tel]
          width: 48%
      @media (min-width: 1366px)
        gap: 1.2rem 0
    form .policy
      gap: 1rem
      align-items: center
      .text
        gap: 0 5px
        grid-template-columns: 1rem 1fr
        place-items: start
        span
          color: $textColor
          font-size: 10px
        span a 
          color: $yellow
          font-size: 10px
      @media (min-width: 1280px)
        flex-direction: row
        // gap: 0 10%
        justify-content: space-between
        .text
          width: 75%
      @media (min-width: 1366px)
        .text
          span, span a
            font-size: 11px
      .btnFormHome
        background: $yellow
        border-radius: 20px
        padding: .6rem 1rem
        font-size: 14px
        font-weight: $font-bold
        color: $textColor
        @media (min-width: 1280px)
          cursor: pointer
          &:hover
            text-decoration: underline
        // img
        //   transition: all .3s ease
        // @media (min-width: 1280px)
        //   &:hover
        //     img
        //       transform: scale(.8)