.reward_video_section{
  background: #ececec;
  padding:40px 50px;

  & .video_heading{
    text-align: center;
    

    & .heading{
      position: relative;
      display: inline-flex;
      padding-left: 60px;
      padding-right: 60px;
      text-align: center;
      color: #036;
      font-family: var(--font-heading-family);
      font-size: 34px;
      font-style: normal;
      font-weight: var(--font-heading-weight);
      line-height: 36px;
      margin: 0 0 40px;

      @media(max-width:767px){
        margin: 0 0 20px;
        font-size: 26px;
        line-height: 28px;
      }
    }
    
    & .heading::before,
    & .heading::after {
      content: "";
      border-top: 3px solid #5ac9e4;
      width: 40px;
      position: absolute;
      top:50%;
      transform: translateY(-50%);
    }

    & .heading::before{
      left:0;
    }
    & .heading::after{
      right:0;
    }
  }

  & .video_heading{
    & .additional_information{
      /* color: #5ac9e4; */
      color:#333;
      font-family: var(--font-heading-family);
      font-size: 22px;
      font-style: normal;
      font-weight: var(--font-heading-weight);
      line-height: 26px;
      margin: 0 0 0px;

      @media(max-width:767px){
        font-size: 20px;
        line-height: 24px;
      }
    }
  }

  & .video_section{
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    & img{
      max-width: 100%;
      height: auto;
      margin-top: 40px;
      cursor: pointer;

      @media(max-width:767px){
        margin-top: 20px;
      }
    }
  }

  @media(max-width:767px){
    padding:20px 20px;
  }

  & .reward-section-video-modal{
    position: fixed;
    top:-200%;
    left:0;
    height: 100vh;
    width: 100vw;
    background: #000000c9;
    z-index: 99;
    transition: 0.3s ease-in;

    &.active{
      top:0;
      transition: 0.3s ease-in;
    }

    & .reward-section-video-modal-container{
      padding:40px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;

      & video{
        max-width: 100%;
      }
    }

    & > svg{
      position: absolute;
      right:10px;
      top:10px;
      cursor: pointer;
      z-index: 100;

      & path{
        fill:#fff;
      }
    }
  }

  .download_pdf_doc{
    display: inline-flex;
    justify-content: center;
    margin-top: 30px;
    font-weight: 500;
    cursor: pointer;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
}