.title-white {
  color: var(--white-color);
}

.title-black {
  color: var(--black-color);
}

.text-primary {
  color: var(--zb-blue3);
}

.text-yellow {
  color: var(--zb-yellow);
}

.title-one-banner {
  /* font-size: 50px; */
  font-size: clamp(28px, 2.7vw, 60px);
}

.title-one {
  /* font-size: 50px; */
  font-weight: 550;
  font-size: clamp(24px, 2.1vw, 50px);
}

.title-two {
  /* font-size: 40px; */
  font-size: clamp(22px, 1.7vw, 40px);
  font-weight: 550;
}

.title-three {
  /* font-size: 30px; */
  font-size: clamp(18px, 1.35vw, 30px);
  font-weight: 550;
}

.fs-20 {
  /* font-size: 20px; */
  font-size: clamp(16px, 1.05vw, 24px);
}

.fs-16 {
  /* font-size: 16px; */
  font-size: clamp(14px, 0.9vw, 20px);
}

.radius-50 {
  border-radius: 50%;
}

.transition-3 {
  transition: all 0.3s;
}

.transition-5 {
  transition: all 0.5s;
}

.transition-6 {
  transition: all 0.6s;
}

.text-center-pc {
  text-align: center;
}

.font-bold {
  font-weight: bold;
}

.line-container-white {
  width: 100%;
  height: 2px;
  background-color: var(--white-color);
}

.line-container {
  width: 100%;
  height: 2px;
  background:
    linear-gradient(to right, var(--zb-blue3) 0%, var(--zb-blue3) 300px, transparent 300px),
    linear-gradient(to right, var(--gray-color), var(--gray-color));
  background-repeat: no-repeat;
}

.line-container-end {
  width: 100%;
  height: 2px;
  background:
    linear-gradient(to right,
      transparent 0%,
      transparent calc(100% - 300px),
      var(--zb-blue3) calc(100% - 300px),
      var(--zb-blue3) 100%),
    linear-gradient(to right, var(--gray-color), var(--gray-color));
  background-repeat: no-repeat;
}

@media (max-width: 991px) {
  .department-info::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .text-center-pc {
    text-align: left;
  }
}

@media (max-width: 575px) {}