
  .demo-preview-item {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
    .demo-preview-item:hover {
      -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px); }
      .demo-preview-item:hover .demo-item__thumb .overlay {
        opacity: 1;
        visibility: visible; }
  
  .demo-item {
    -webkit-box-shadow: 0 70px 40px -35px rgba(51, 51, 51, 0.13);
    box-shadow: 0 70px 40px -35px rgba(51, 51, 51, 0.13);
    background-color: #fff;
    border-radius: 5px; }
    .demo-item .dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 14px;
      height: 23px; }
      .demo-item .dots .dot {
        margin: 0 4px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #dadada; }
    .demo-item__thumb {
      position: relative; }
      .demo-item__thumb .overlay {
        background-color: rgba(8, 106, 216, 0.9);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
        .demo-item__thumb .overlay .btn-demo {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          background: #fff !important;
          pointer-events: none;
          min-width: 150px;
          color: #151515;
          padding: 13px 20px; }
    .demo-item__info {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.8;
      padding: 14px 27px;
      margin-bottom: 0;
      text-align: center; }
      .demo-item__info:hover {
        color: red; }