@media (min-width: 992px) {
  .mb-pc-12rem {
    margin-bottom: 12rem;
  }
  .col-lg-5th {
    width: 20%;
    flex: 0 0 20%;
  }
}

@media only screen and (min-width: 768px) {
    .banner-service-text {
        max-width: 450px;
    }
}

.title-banner-service > span {
  font-size: 32px;
}

.sub-title-banner-service {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 12px;
}

@media only screen and (min-width: 768px) {
  .sub-title-banner-service {
    font-size: 20px;
  }
}

.sub-title-banner-service:before {
  
}

@media only screen and (min-width: 768px) {
    .title-type-2-zalo {
        font-size: 30px;
    }
}

.video-box-production {
  cursor: pointer;
  transition: transform 0.2s;
  position: relative;
}

.video-box-production::after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 48px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
}
.video-box:hover::after {
  opacity: 1;
}

.video-box-production:hover {
  transform: scale(1.03);
}

.video-box-production img {
  height: 240px;
  object-fit: cover;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 768px) {
    .section-vps-why {
      margin-top: 7.5rem;
    }
}

.vps-why-item img {
  max-height: 150px;
}


.justify-txt {
  text-align: justify;
}

.care-featured-ads {
  justify-self: center;
  > img {
    height: 352px;
  }
}