#aboutus {
  height: calc(100vh - 8vw);
}

.bg-banner {
  background-image: url(../../../images/roche/banner/banner_main.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  top: 0;
  padding-top: 40px;
}

@media (max-width: 1199px) {
  #aboutus {
    height: calc(100vh - 12vw);
  }
}

@media (max-width: 991px) {
  #aboutus {
    height: auto
  }
}
@media (min-width: 992px) {
  .bg-banner .container-fluid {
    padding-left: 0px !important;
    overflow: auto;
  }

  .bg-banner {
    position: absolute;
    padding-top: 170px;
  }
}

@media (max-width: 991px) {
  .about-details {
    padding-right: 0px !important;
  }
}
.about-details {
  display: flex;
  padding-bottom: 30px;
  padding-right: 70px;
}
.about-details .icon {
  padding-right: 20px;
  flex-shrink: 0;
}
.about-details .icon img {
  width: 50px;
  filter: brightness(0) invert(1);
}

.about-details .text {
  color: #fff;
  font-family: "Trirong", serif;
  font-size: 16px;
  line-height: 1.5;
}

.text-about-titile {
  color: #fff;
  font-family: "Trirong", serif;
  padding-bottom: 30px;
}

.h-100 {
  height: 100%;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.bg-banner .container-fluid::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.bg-banner .container-fluid {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}