section.videoService3
  @include spaceSection
  // background-color: #f2f2f2
  background-position: center
  background-repeat: no-repeat
  background-size: cover
  .container
    align-items: center
    gap: 2rem
    @media (min-width: 768px)
      flex-direction: row-reverse
      justify-content: space-between
    @media (min-width: 1024px)
      width: 80%
    @media (min-width: 1280px)
      width: 85%
    @media (min-width: 1440px)
      width: 70%
    @media (min-width: 1600px)
      width: 65%
    .text
      gap: .5rem 0
      @media (min-width: 768px)
        width: 45%
        p
          width: 80%
      @media (min-width: 1024px)
        width: 55%
      @media (min-width: 1440px)
        width: 55%
      h1
        //text-transform: uppercase
        @media (min-width: 1024px)
          font-size: 26px
        @media (min-width: 1440px)
          font-size: 28px
        @media (min-width: 1600px)
          font-size: 30px
    video
      width: 100%
      border-radius: 10px
      @media (min-width: 768px)
        width: 50%
      @media (min-width: 1024px)
        width: 50%
      @media (min-width: 1280px)
        width: 50%
    iframe
      width: 100%
      height: 400px
      border-radius: 10px