@media (min-width: 1441px)
    {
      /* ===== BOX ANIMATION ===== */
      .introduction-container{
        width: 60%;
        margin-top: 10%;
        margin-left: 20%;
      }
      .introduction-container .row{
        width: 100%;
        display:flex;
        justify-content: space-between;
        margin-bottom:30px;
      }
      .introduction-container .row .box{
        width: 49%;
        height: 500px;
        opacity: 0;
        transform: scale(0.90);
        transition: opacity 2s ease, transform 2s ease;
        margin-bottom: 100px;
      }
      .introduction-container .row .box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .introduction-container .row .box .content{
        width: 100%;
        height: 100%;
        padding: 10%;
      }      
      .introduction-container .row .box .content .title{
        width: 100%;
        height: auto;
        font-size: 40px;
        font-weight: 500;
        color: #4632DA;
        margin-top: 30%;
        margin-bottom: 20px;
      }
      .introduction-container .row .box .content .text{
        width: 100%;
        height: auto;
        font-size: 16px;
        font-weight: 200;
        color: black;
      }
      .introduction-container .row .box .content .text ul
      {
        padding: 0;
      }
      .introduction-container .row .box .content .text li
      {
        margin-top: 10px;
      }
      .introduction-container .row .box.show,
      .box-container .row .box.show {
        opacity:1;
        transform: scale(1);
      }

      .imgReview-container {
          width: 75vw;     
          aspect-ratio: 16 / 9;
          overflow: hidden;
          position: relative;
          margin-left: 12%;
          opacity: 0;
          transform: scale(0.9);
          transition: transform 2s ease;
      }

      .imgReview-container img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          position: absolute;
          left: 0;
          top: 0;
          transition: transform 1s ease;
      }


     .imgReview-container.show
      {
        opacity: 1;
        transform: scale(1);
      }


      .imgReview-container img.slide-out
      {
        transform: translateX(-100%);
      }

      .function-container
      {
        width: 75%;
        height: 800px;
        display: flex;
        justify-content: space-between;
        margin-left: 12%;
        margin-top: 10%;
      }

      .function-container .box-container
      {
        width: 60%;
        height: 100%;
      }
      .box-container .row
      {
        width: 100%;
        height: 50%;
        display: flex;
        justify-content: space-between;
      }
      .box-container .row .box
      {
        width: 48%;
        height: 93%;
        opacity: 1;
        transform: scale(0.90);
        transition: opacity 2s ease, transform 2s ease;
        background: white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08),
                0 2px 6px rgba(0, 0, 0, 0.12);
        border-radius: 10px 10px 10px 40px;
        padding: 50px;
      }
      .box-container .row .box:hover
      {
        transform: scale(1.05);
        transition: transform 0.5s ease;
      }
      .box-container .row .box .title
      {
        width: 100%;
        height: auto;
        font-size: 25px;
        font-weight: 500;
        color: #4632DA;
        margin-top: 10%;
        margin-bottom: 20px;
      }
      .box-container .row .box .text
      {
        width: 100%;
        height: auto;
        font-size: 16px;
        font-weight: 200;
        color: black;
      }
      .function-container .content-container {
        width: 40%;
        height: 100%;
        opacity: 0;
        transform: translateX(100px) scale(0.90);
        margin-left: 30px;
        padding: 10% 5% 5% 5%;
        transition: all 2s ease;
      }
      .function-container .content-container .header{
        width: 100%;
        height: auto;
        color: #06D9FA;
        font-size: 15px;
        font-weight: 300;
      }
      .function-container .content-container .title{
        width: 100%;
        height: auto;
        color: black;
        font-size: 42px;
        font-weight: 300;
      }
      .function-container .content-container .text{
        margin-top: 30px;
        width: 100%;
        height: auto;
        color: gray;
        font-size: 17px;
        font-weight: 200;
      }
      .function-container .content-container .button{
        margin-top: 30px;
        width: 120px;
        height: 40px;
        padding-top: 7px;
        border-radius: 40px;
        background: #06D9FA;
        text-align: center;
      }
      .function-container .content-container.show {
        opacity: 1;
        transform: translateX(0) scale(1); 
        margin-left: 30px;
      }

      .video-container {
          width: 75%;
          height: 500px;
          display: flex;
          justify-content: space-between;
          margin-left: 12%;
          margin-top: 10%;
          opacity: 0;
          transform: scale(0.90);
          transition: opacity 2s ease, transform 2s ease;
      }

      .video-container.show
      {
        opacity:1;
        transform: scale(1);
      }

      .video-container .text {
          width: 48%;
          height: 100%;
          padding: 20px;
      }

      .video-container .text .title{
        margin-top: 10%;
        width: 100%;
        height: auto;
        color: #4632DA;
        font-size: 42px;
        font-weight: 300;
      }

      .video-container .text .text{
        margin-top: 30px;
        width: 100%;
        height: auto;
        color: gray;
        font-size: 17px;
        font-weight: 200;
        padding: 0;
      }

      .video-container .text .about{
        margin-top: 30px;
        width: 100%;
        height: auto;
        color: gray;
        font-size: 17px;
        font-weight: 200;
      }

      .video-container .video {
          width: 48%;
          height: 100%;
          background: gray;
      }

      .video-container .video iframe {
          width: 100%;
          height: 100%;
          border: none;
      }

       Nếu dùng video thật 
      .video-container .video video {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

}