.mcd-training-page
  @include phone
    img
      width: 100% !important
    .not-100
      width: auto !important
    video
      width: 95% !important
    .w-25, .w-35, .w-40, .w-45, .w-50
      width: 100% !important
    section
      width: 90% !important
      margin: 0 auto !important
    h1
      text-align: center !important

.mcd-training-hero
  background-size: cover
  background-repeat: no-repeat
  width: 100%
  height: 50rem
  @include desktop-ls
    height: 57rem 
    justify-content: space-around !important
  @include phone
    height: auto
    margin-bottom: 2rem
  .hero-left
    height: 80%
    @include desktop-ls
      height: 75%
    @include phone
      width: 100% !important
    .mcd-logo-container
      @include phone
        flex-direction: column
      img
        @include phone
          margin: 1rem 0
  .mcd-hero-img
    position: absolute
    width: 432px
    right: 41%
    bottom: 14.7%
    z-index: 1
    @include desktop-ls
      width: 486px
      bottom: 20.3%
      right: 38%
    @include phone
      display: none

.mcd-training-fifth
  .yellow-box
    background: #FFC700
    border-radius: 15px
    padding: 2rem 2rem
    width: 300px
    height: 304px
    text-align: center
    justify-content: space-around
    @include phone
      margin: 1rem 0
    &:nth-child(3)
      justify-content: center
      h4
        font-weight: 800
        font-size: 2rem

.mcd-training-sixth
  .mcd-steps
    @include phone
      flex-wrap: wrap


.mcd-cta-button
  padding: 1rem 2rem
  background: #E50001
  color: #fff
  border-radius: 13px
  font-weight: 700
  margin: auto

.mcd-faq-section
  background: #FFC700
  .black-line
    background: #000
    width: 100%
    height: 1px
    margin: 1rem 0

.mcdonalds-schedule
  @include phone
    height: auto
  z-index: 2
  background: #E50001
  padding: 2rem 0
  justify-content: space-evenly
  color: #fff
  display: flex !important
  align-items: center
  flex-direction: column
  border-radius: 25px
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25)
  width: 540px
  height: 84%
  max-height: 100%
  h2
    @include phone
      text-align: center
  .mauticform_wrapper
    // width: 86%
    .mauticform-page-wrapper
      display: flex !important
      flex-wrap: wrap
      justify-content: space-evenly
      align-items: center
      padding: 0 1rem
      @include phone
        justify-content: space-between
      .mauticform-row
        margin-bottom: 0.5rem
        margin-right: 0.35rem
        @include phone
          margin-right: 0.4rem
        .mauticform-helpmessage
          display: none
        .mauticform-label
          font-weight: normal
          font-size: 0.75rem
          margin-bottom: 0 
        .mauticform-input
          max-width: 13rem
          padding: 0.2em 0.5em
          @include phone
            max-width: 8rem
        .mauticform-helpmessage
          margin-bottom: 0
          font-size: 0.75rem
        .mauticform-errormsg
          color: #000
          width: 13rem
        .mauticform-button
          @include phone
            margin: 0 1rem