.describe p,
.describe span,
.describe h1,
.describe h2,
.describe h3,
.describe h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  color: rgba(0, 0, 0, 0.8705882353);
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .describe {
    padding-top: 30px;
  }
}

.pagination {
  background: unset !important;
  justify-content: center;
  grid-gap: 12px;
}
.pagination a:hover {
  color: #fff !important;
  background: #304498;
  cursor: pointer;
  text-decoration: none;
}

.last-page,
.first-page {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 15px;
  border-radius: 100px;
  display: flex;
  align-items: center;
}

.next-page,
.pre-page {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 16px;
  border-radius: 100px;
  display: flex;
  align-items: center;
}

.other-page {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 15px;
  border-radius: 100px;
}

.current {
  padding: 8px 15px;
  border-radius: 100px;
  background-color: #304498;
  color: #fff;
}

.list-project {
  padding: 60px 0;
}
.list-project .item .item-project {
  position: relative;
}
.list-project .item .item-project .big img {
  width: 696px;
  height: 464px;
}
@media (max-width: 768px) {
  .list-project .item .item-project .big img {
    width: 100%;
    height: 100%;
  }
}
.list-project .item .item-project .big .title {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: 148%;
  margin-bottom: 12px;
}
.list-project .item .item-project .big .quy-mo,
.list-project .item .item-project .big .tien-do {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 148%;
}
.list-project .item .item-project .medium img {
  height: 220px;
  width: 495px;
}
@media (max-width: 768px) {
  .list-project .item .item-project .medium img {
    width: 100%;
    height: 100%;
  }
}
.list-project .item .item-project .medium .title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 148%;
  margin-bottom: 12px;
}
.list-project .item .item-project .medium .quy-mo,
.list-project .item .item-project .medium .tien-do {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 148%;
}
.list-project .item .item-project .small img {
  width: 384px;
  height: 256px;
}
@media (max-width: 768px) {
  .list-project .item .item-project .small img {
    width: 100%;
    height: 100%;
  }
}
.list-project .item .item-project .small .title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 148%;
  margin-bottom: 12px;
  transition: 0.5s ease-in-out;
}
.list-project .item .item-project .small .quy-mo,
.list-project .item .item-project .small .tien-do {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 148%;
  transition: 0.5s ease-in-out;
}
.list-project .item .item-project .hover-5-do {
  position: absolute;
  bottom: 0;
  padding-bottom: 35px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 82, 180, 0) 0%, #304498 100%);
  padding: 0 10px;
  transition: 0.5s ease-in-out;
}
.list-project .item .item-project:hover .img-box {
  overflow: hidden;
}
.list-project .item .item-project:hover .img-box img {
  transform: scale(1.1);
  transition: 0.5s ease-in-out;
}
.list-project .item .item-project:hover .big .title {
  padding-top: 40%;
  transition: 0.5s ease-in-out;
}
.list-project .item .item-project:hover .medium .title,
.list-project .item .item-project:hover .small .title {
  padding-top: 15%;
  transition: 0.5s ease-in-out;
}
.list-project .item .item-project:hover .hover-5-do {
  background: linear-gradient(180deg, rgba(0, 82, 180, 0) 0%, #304498 100%);
  height: 80%;
  transition: 0.5s ease-in-out;
}
@media (min-width: 576px) {
  .list-project .item .modal-dialog {
    max-width: 100%;
  }
}
.list-project .item .modal-dialog .close-modal {
  z-index: 2;
  position: absolute;
  right: 0;
}
.list-project .item .modal-dialog .close-modal:hover {
  opacity: 1;
}
.list-project .item .modal-dialog .item-img img {
  width: 100%;
  height: 700px;
}
@media (max-width: 768px) {
  .list-project .item .modal-dialog .item-img img {
    width: 100%;
    height: 400px;
  }
}
.list-project .item .modal-dialog .thong-tin {
  width: 480px;
  padding: 40px;
  background-color: rgba(48, 68, 152, 0.8);
  left: 120px;
  top: 16%;
  z-index: 2;
}
.list-project .item .modal-dialog .thong-tin h1,
.list-project .item .modal-dialog .thong-tin h2,
.list-project .item .modal-dialog .thong-tin h3 {
  color: #ffffff;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 140% !important;
}
@media screen and (max-width: 768px) {
  .list-project .item .modal-dialog .thong-tin h1,
  .list-project .item .modal-dialog .thong-tin h2,
  .list-project .item .modal-dialog .thong-tin h3 {
    font-size: 15px !important;
  }
}
.list-project .item .modal-dialog .thong-tin svg {
  margin-right: 24px;
}
.list-project .item .modal-dialog .thong-tin table tr td h2 {
  color: #fff;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 140% !important;
}
@media screen and (max-width: 768px) {
  .list-project .item .modal-dialog .thong-tin table tr td h2 {
    font-size: 12px !important;
  }
}
.list-project .item .modal-dialog .thong-tin table tr td p {
  color: #fff;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
}
@media screen and (max-width: 768px) {
  .list-project .item .modal-dialog .thong-tin table tr td p {
    font-size: 12px !important;
  }
}
@media (max-width: 768px) {
  .list-project .item .modal-dialog .thong-tin {
    width: 100%;
    left: 0;
    padding: 25px;
  }
}
.list-project .item .modal-dialog .owl-prev,
.list-project .item .modal-dialog .owl-next {
  background: none;
  top: 50%;
  position: absolute;
  border: none;
}
.list-project .item .modal-dialog .owl-prev {
  left: 0;
}
.list-project .item .modal-dialog .owl-prev:focus-visible {
  outline: none;
}
.list-project .item .modal-dialog .owl-next {
  right: 0;
}
.list-project .item .modal-dialog .owl-next:focus-visible {
  outline: none;
}
@media (max-width: 768px) {
  .list-project {
    padding: 30px 0;
  }
}/*# sourceMappingURL=projectpartner.css.map */