.pg_advanced_videos_flex  { display:none; }
.slider {
        width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black !important;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      cursor: pointer;
    }
    .slider label 
    {
      font-size:11px; 
      text-align: center;
      line-height:16px;
      display: block;
      margin-top:15px;
      font-weight: bold;
      width:100%;
      z-index:99999 !important;
      background-color: #ffffff;
    }
    .slider .completed label
    {
      font-size:13px; 
      text-align: center;
      line-height:16px;
      display: block;
      margin-top:6px;
      font-weight: bold;
      position: absolute;
      top:0px;
      width:100%;
      padding:10px;
      display: none;
    }
    .slider img {
      border:1px solid #708856;
      box-shadow:rgba(0, 0, 0, 0.3) 6px 6px 10px 0px;
    }

    .pg_video_container { position: relative; }
    .slick-slide .completed { position: relative; }
    .pg_video_embed iframe { width:100%; }
    .slick-slide .completed .vidimg::after, .pg_video_embed.completed::after
    {
    content: "Completed";
    color:#ffffff;
    font-weight: bold;
    vertical-align: middle;
    padding-top:20.5%;
    text-align: center;
    position: absolute; 
    display:block;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #7c986a, rgb(112, 136, 86));
    opacity: .9;
    }
    .pg_video_embed.completed::after
    {
      font-size:30px;
    }
    .slick-slidezz .completed::after  > * {
        z-index: 100;
    }

    .pg_com_flex_btn { cursor: pointer;
      background-color:#aaaaaa;
      color:#666666;
      text-align: center;
      padding:5px;
      font-size: 16px;
     }

     .pg_com_btn.incomplete {
      background-color:#708856; color:#ffffff;
     }

    .pgProgress {
      width: 100%;
      background-color: #eeeeee;
      border-radius: 2px;
      box-shadow:rgba(0, 0, 0, 0.3) 6px 6px 10px 0px;
      border:1px solid #708856;
    }
     .pgBar 
     {
      border-radius: 0px;
      width: 10%;
      height: 30px;
      background-color: #708856;
      text-align: center; /* To center it horizontally (if you want) */
      line-height: 30px; /* To center it vertically */
      color: white;
    }

    @media screen and (max-width:600px)
    {
      .slick-dots { display:none !important; }
    }