*, ::after, ::before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        body{
          overflow-x: hidden;
        }
      .video-tutorial-sec{
          background: #fafafc;
          display: inline-block;
        width: 100%;
        padding: 60px 0 70px;
      }
      .video-tutorial .row {
          margin-left: auto;
          margin-right: auto;
          max-width: 67.5rem;
      }

      .video-tutorial-sec h1{
        font-size: 3.052rem;
        color: #1d202d;
        line-height: 1.4;
        font-weight: 700;
        text-align: center;
        margin:0;
      }
      .video-tutorial-sec h2{
          font-size: 1.25rem;
          font-weight: 300;
          color: #96979d;
          line-height: 1.8;
          text-align: center;
          margin:0;
         
      }
      .wistia-sec.video-thumb, .wistia-sec section.withbg {
          background-repeat: no-repeat;
      }
      .video-tutorial  a {
          transition: background .3s ease-out;
      }
      .wistia-sec .video-thumb {
          width: 100%;
          display: inline-block;
          vertical-align: middle;
          font: 0/0 serif;
          text-shadow: none;
          color: transparent;
          background-size: 100%;
          background-position: 50% 50%;
          position: relative;
          margin-bottom: 25px;
          overflow: hidden;
      }
      .wistia-sec  .video-thumb .inner {
          padding-top: 55%;
          display: block;
          height: 0;
          border: 1px solid rgba(0,0,0,.1);
      }
      .wistia-sec .video-thumb-large::after, .video-thumb-large::before,
      .wistia-sec .video-thumb::after,.wistia-sec .video-thumb::before
       {
          position: absolute;
          content: '';
      }
      .wistia-sec .video-thumb-large::after, .wistia-sec .video-thumb::after {
          display: block;
          background-image: url(https://www.benchmarkemail.com/wp-content/uploads/2020/03/playhead.svg);
          top: 50%;
          left: 50%;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: 22px 25px;
          width: 22px;
          margin-left: -9px;
          height: 25px;
          margin-top: -12px;
      }
      .wistia-sec .video-thumb-large::before, 
      .wistia-sec  .video-thumb::before {
            display: block;
            width: 46px;
            margin-top: -23px;
            height: 46px;
            margin-left: -23px;
            top: 50%;
            left: 50%;
            background-color: rgba(4,205,176,.8);
            border-radius: 100%;
            transition: all .1s ease-out;
        }
      .wistia-sec  .video-thumb:hover::before {
          width: 500px;
          left: 50%;
          margin-left: -250px;
          height: 500px;
          top: 50%;
          margin-top: -250px;
      }
      .video-tutorial.wistia-sec {
          padding: 100px 0;
          display: inline-block;
          background: #fff;
          width: 100%;
      }
      .wistia-sec .video-text h3.video-hdr {
          font-size: 1.25rem;
          font-weight: 600;
          color: #1d202d;
          line-height: 1.8;
          margin: 0;
          height: 70px;
        overflow: hidden;
      }
      .wistia-sec .video-text .category-tag{
          font-size: .64rem;
          font-weight: 700;
          color: #afb1b5;
          line-height: 1.8;
          letter-spacing: 1px;
          height: 14px;
          display: block;
          text-transform: uppercase;
      }
      .wistia-sec .video-text p {
          font-family: inherit;
          font-weight: 400;
          font-size: .8rem;
        color: #666872;
          line-height: 1.8;
          margin-bottom: 1.25rem;
          height: 135px;
        overflow: hidden;
        margin-top: 15px;
      }
      div.p{
        height: 135px;
        overflow: hidden;
      }
      .wistia-sec .wistia-wrap{
        margin-bottom: 15px;
      }
     .wistia-sec  .category-dd-container {
          max-width: 300px;
          width: 100%;
          padding-bottom: 50px;
          float: left;
      }
      .wistia-sec  a.category-dd-label {
          background: url(https://cn.benchmarkemail.com/wp-content/themes/bb-theme-child-CN/images/dd-arrow-sprite.svg) right 3px no-repeat;
              background-size: auto;
          background-size: 13px 34px;
          padding-right: 22px;
          color: #afb1b5;
          font-size: .64rem;
          font-weight: 700;
          position: relative;
          white-space: nowrap;
          z-index: 20;
          text-decoration: none;
          text-transform: uppercase;
          letter-spacing: 1px;
      }
      .wistia-sec a.category-dd-label:hover {
          background: url(https://cn.benchmarkemail.com/wp-content/themes/bb-theme-child-CN/images/dd-arrow-sprite.svg) right -22px no-repeat;
              background-size: auto;
          background-size: 13px 34px;
          color: #353844;
      }
      .wistia-sec  ul#category-dd-options {
          position: absolute;
          list-style: none;
          z-index: 10;
          background: #fff;
          top: -25px !important;
          left: -9999px !important;
          margin: 0;
          width: 240px;
          padding: 57px 10px 10px;
          border-radius: 4px;
          transition: box-shadow .15s ease-out;
        box-shadow: 0 2px 2px rgba(0,0,0,.2);
      }
      .wistia-sec a.category-dd-label:hover + ul#category-dd-options,ul#category-dd-options:hover {
         left: -20px !important;
      }
      .wistia-sec  ul#category-dd-options li {
          margin-bottom: 5px;
          cursor: pointer;
          width: 100%;
        font-size: .75rem;
        color: #96979d;
        padding: 5px 20px 5px 30px;
        font-weight: 600;
        display:block;
        text-align: left;
      }

      .wistia-sec  ul#category-dd-options li.current{
          background: #fafafc;
          color: #525e66;
      }
      .wistia-sec  ul#category-dd-options li:hover{
          color: #525e66;
      }
/*==========================================================*/
      @media all and (min-width: 767px){
        .video-tutorial .small-4 {
            width: 33.33333%;
        }
      }
      @media all and (max-width: 767px){
        .wistia-sec .video-text p,div.p{
          height: auto;
        }
      }