.aboutUs-banner-video video {
  width: 100%;
  height: 580px;
  object-fit: cover;
}


.aboutUs-banner-video .hd1 {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.aboutUs-banner-video .hd2 {
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.aboutUs-banner-video .about-text-1 .heading {
  font-size: 48px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  font-weight: 20;
  overflow:hidden;
  white-space:nowrap;
  font-family: "Birthstone";
}
.aboutUs-banner-video .about-text-2 .heading {
    font-size: 48px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    font-weight: 20;
    overflow:hidden;
    white-space: nowrap;
    font-family: "Birthstone";
}
/* Animation */
.anim1-typewriter {
    animation: typewriter 2s steps(400) 1 normal forwards;
}
.anim2-typewriter {
    animation: typewriter 2s steps(400) 1 normal forwards;
}

@keyframes typewriter {
    from
    {
        width:0%;
    }
    to
    {
        width:100%;
    }
}
@keyframes blink {
    0%,100% {
        border-right: 5px solid;
        border-right-color: rgba(255,255,255,.75);
    }
    50% {
        border-right: 5px transparent;
    }
}
@media (min-width: 768px) and (max-width:991px) {
    .aboutUs-banner-video .hd2{
        width:max-content;
        padding-right:30px;
    }
    .aboutUs-banner-video .about-text-1 .heading {
        font-size: 96px;
    }
    .aboutUs-banner-video .about-text-2 .heading {
        font-size: 96px;
    }
}
@media (min-width: 992px) {
  .aboutUs-banner-video video {
    height: 664px;
  }

  .aboutUs-banner-video .about-text-1 {
      max-width:max-content;
  }

  .aboutUs-banner-video .about-text-1 .heading {
    font-size: 160px;
    -webkit-line-clamp: 2;
  }
    .aboutUs-banner-video .about-text-2 {
        width:max-content;
    }

        .aboutUs-banner-video .about-text-2 .heading {
            font-size: 160px;
            -webkit-line-clamp: 2;
            padding-right:43px;
        }
  .usn_cmp_introductoryaboutus .container {
    padding: 64px 0;
  }

  .usn_cmp_timeline .container {
    padding: 64px 0;
  }

  .usn_cmp_visionintroduct .container {
    padding: 64px 0;
  }

  .usn_cmp_commitment .container {
    padding: 64px 0;
  }

  .usn_cmp_corevalue .container {
    padding: 64px 0;
  }

  .usn_cmp_finance .container {
    padding: 64px 0;
  }

  .usn_cmp_responsibility .container {
    padding: 64px 0;
  }

  .usn_cmp_pods .container { 
    padding: 64px 0;
  }
}
@media (max-width: 767px) {

    .aboutUs-banner-video .hd1 {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .aboutUs-banner-video .hd2 {
        position: absolute;
        top: 57%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .aboutUs-banner-video .about-text-1 .heading {
        font-size: 52px;
    }

    .aboutUs-banner-video .about-text-2 .heading {
        font-size: 52px;
        padding-right:30px;
    }
    .aboutUs-banner-video .about-text-2 {
        width: max-content;
    }
}