.video-block01 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #f8f9fb;
    min-height: 522px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    position: relative;
    text-align: left; }
    .video-block01 .tt-video-link {
      right: -51px;
      bottom: 117px; }
    .video-block01 .video-block01__description {
      padding: 60px 60px 53px 60px; }
    .video-block01 .video-block01__title {
      color: #323232;
      font-family: "Poppins", sans-serif;
      font-size: 36px;
      line-height: 46px;
      font-weight: 600;
      padding: 0 20px 12px 0;
      margin: 0; }
      .video-block01 .video-block01__title + * {
        margin-top: 0; }
    @media (min-width: 1025px) {
      .video-block01.video-block01__indent {
        margin-left: 30px; } }
    @media (max-width: 1229.98px) {
      .video-block01.video-block01__indent {
        margin-top: 30px; } }
    @media (max-width: 1024.98px) {
      .video-block01 {
        min-height: 483px; }
        .video-block01 .video-block01__description {
          padding: 60px 43px 35px; }
        .video-block01 .video-block01__title {
          font-size: 30px;
          line-height: 38px; }
        .video-block01 .tt-video-link {
          right: -44px;
          bottom: 87px; } }
    @media (max-width: 767.98px) {
      .video-block01 {
        min-height: 359px;
        max-width: 405px; }
        .video-block01 .video-block01__description {
          padding: 60px 43px 20px 23px; }
        .video-block01 .video-block01__title {
          font-size: 24px;
          line-height: 30px; }
        .video-block01 .tt-video-link {
          right: -11px;
          bottom: 87px; } }
  
  .tt-video-link {
    width: 108px;
    height: 108px;
    background-color: #6984c2;
    border: 7px solid #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 21px rgba(157, 174, 185, 0.3);
    box-shadow: 0 5px 21px rgba(157, 174, 185, 0.3);
    position: absolute;
    z-index: 3;
    -webkit-transition: all .2s;
    transition: all .2s; }
    .tt-video-link:before {
      content: '\e91e';
      font-family: "sanitizex";
      position: absolute;
      top: 50%;
      left: 50%;
      margin-right: -50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: #ffffff;
      font-size: 18px;
      line-height: 1;
      -webkit-transition: all .2s;
      transition: all .2s; }
      @media (min-width: 1025px) {
        .tt-video-link:before {
          margin-left: 3px; } }
    .tt-video-link::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background: #6984c2;
      opacity: .5;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all .3s;
      transition: all .3s;
      pointer-events: none; }
    .tt-video-link:not(:hover)::after {
      -webkit-animation: pulse 1.3s infinite linear;
      animation: pulse 1.3s infinite linear; }
    .tt-video-link:hover {
      background-color: #ffffff !important;
      border-color: #6984c2; }
      .tt-video-link:hover:before {
        color: #6984c2; }
      .tt-video-link:hover::after {
        display: none; }
    @media (max-width: 1024.98px) {
      .tt-video-link {
        width: 87px;
        height: 87px; }
        .tt-video-link:before {
          font-size: 13px; } }
    @media (max-width: 767.98px) {
      .tt-video-link {
        width: 82px;
        height: 82px; }
        .tt-video-link:before {
          font-size: 13px; } }
  
  @-webkit-keyframes pulse {
    from {
      width: 100%;
      height: 100%;
      opacity: .8; }
    50% {
      width: 140%;
      height: 140%;
      opacity: 0; }
    to {
      width: 100%;
      height: 100%;
      opacity: 0; } }
  
  @keyframes pulse {
    from {
      width: 100%;
      height: 100%;
      opacity: .8; }
    50% {
      width: 140%;
      height: 140%;
      opacity: 0; }
    to {
      width: 100%;
      height: 100%;
      opacity: 0; } }

      .box-info {
        background-color: #ffffff;
        padding: 42px 30px 36px 40px; }
        .box-info .box-info__img {
          color: #6984c2;
          font-size: 40px; }
        .box-info .box-info__title {
          font-size: 20px;
          line-height: 30px;
          color: #323232;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          margin: 10px 0 0 0;
          padding: 0 0 7px 0; }
          .box-info .box-info__title + * {
            margin-top: 0; }
        @media (max-width: 1024.98px) {
          .box-info {
            font-size: 15px;
            line-height: 24px; }
            .box-info br {
              display: none; }
            .box-info .box-info__img {
              font-size: 35px; }
            .box-info .box-info__title {
              font-size: 17px;
              line-height: 27px; } }
        @media (max-width: 767.98px) {
          .box-info {
            max-width: 490px;
            margin-left: auto;
            margin-right: auto; } }
      
      .box-info-wrapper {
        margin-top: -30px; }
        .box-info-wrapper .box-info {
          margin-top: 30px; }