/* Giới thiệu */
  .intro-wrapper {
      margin: 60px 0 50px;
  }

  .intro-wrapper .flexbox1 {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: flex-start;
  }

  .intro-wrapper .flexbox1 .left-gt {
      width: calc(50% - 40px);
  }

  .intro-wrapper .flexbox1 .left-gt .main-gt p.title-gt {
      font-size: 24px;
      letter-spacing: 1px;
      line-height: 1.3;
      color: #0a0a0a;
      font-weight: 400;
      margin-bottom: 0;
  }

  .intro-wrapper .flexbox1 .left-gt .main-gt h2.name-gt {
      font-size: 26px;
      line-height: 1.4;
      text-transform: uppercase;
      color: #0a2240;
      font-weight: 700;
      margin-bottom: 20px;
  }

  .intro-wrapper .flexbox1 .left-gt .main-gt div.desc-gt {
      font-size: 14px;
      line-height: 30px;
      color: #0c0c0c;
      font-weight: 400;
      font-family: "Open Sans";
      margin-bottom: 35px;
  }

  .intro-wrapper .flexbox1 .left-gt a.view-gt {
      font-size: 15px;
      color: #fff;
      font-weight: 500;
      line-height: 1.3;
      display: inline-block;
      background-color: #0a2240;
      padding: 10px 30px;
      border-radius: 20px;
      text-align: center;
      display: inline-block;
      text-decoration: none;
      color: #fff;
      transition: all 0.25s ease-in-out;
  }

  .intro-wrapper .flexbox1 .left-gt a.view-gt:hover {
      background-color: #0a2240;
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 4px 8px rgba(0, 89, 4, 0.3);
  }

  .intro-wrapper .flexbox1 .right-gt {
      width: 50%;
  }

  .intro-wrapper .flexbox1 .right-gt .pic-video {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      overflow: hidden;
      border-radius: 8px;
      cursor: pointer;
  }

  .intro-wrapper .flexbox1 .right-gt .pic-video img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
  }

  .intro-wrapper .flexbox1 .right-gt .pic-video:hover img {
      transform: scale(1.05);
  }

  .intro-wrapper .flexbox1 .right-gt .pic-video::after {
      position: absolute;
      content: '';
      background: url(../images/play-video.png) no-repeat;
      width: 138px;
      height: 138px;
      top: calc(50% - 138px / 2);
      left: calc(50% - 138px / 2);
      z-index: 1;
  }

  /* Responsive tweaks: slide + giới thiệu */
  @media (max-width: 1199px) {
      .intro-wrapper .flexbox1 .left-gt {
          width: calc(55% - 20px);
      }

      .intro-wrapper .flexbox1 .right-gt {
          width: 45%;
      }
  }

  @media (max-width: 991px) {
      .intro-wrapper {
          margin: 40px 0 40px;
      }

      .intro-wrapper .flexbox1 {
          flex-direction: column;
          gap: 30px;
      }

      .intro-wrapper .flexbox1 .left-gt,
      .intro-wrapper .flexbox1 .right-gt {
          width: 100%;
      }

      .intro-wrapper .flexbox1 .left-gt {
          text-align: center;
      }

      .intro-wrapper .flexbox1 .left-gt .main-gt div.desc-gt {
          text-align: justify;
      }

      .intro-wrapper .flexbox1 .left-gt a.view-gt {
          margin: 0 auto;
      }
      .intro-wrapper .flexbox1 .left-gt .main-gt p.title-gt {
        font-size: 22px;
        margin-bottom: 5px;
      }
      .intro-wrapper .flexbox1 .left-gt .main-gt h2.name-gt {
        font-size: 28px;
      }
  }

  @media (max-width: 767px) {
      .intro-wrapper {
          margin: 30px 0 30px;
      }

      .intro-wrapper .flexbox1 .left-gt .main-gt h2.name-gt {
          font-size: 30px;
          margin-bottom: 10px;
      }

      .intro-wrapper .flexbox1 .left-gt .main-gt p.title-gt {
          font-size: 20px;
          margin-bottom: 10px;
      }
  }

  @media (max-width: 575px) {
      .intro-wrapper .flexbox1 .left-gt .main-gt div.desc-gt {
          font-size: 13px;
          line-height: 26px;
      }
  }

  /* End Giới thiệu */