.event-item {
  max-width: 956px;
}
@media (max-width: 991.98px) {
  .result-title {
    text-align: left !important;
  }
}
@media (min-width: 1200px) {
  .event-item * {
    transition: all 0.15s ease-in;
    --bs-gutter-x: 21px;
  }
  .event-item img {
    width: 300px;
    height: 200px;
  }
  .content-title {
    line-height: 45px;
  }
}
@media (max-width: 1199.98px) {
  .event-item {
    padding: 0.75rem 0;
  }
  .event-item img {
    height: auto;
    min-height: 205px;
    max-height: 400px;
    object-fit: cover;
  }
  .content-sub-title,
  .event-desc {
    font-size: 13px !important;
  }
  .content-title {
    line-height: 25.6px !important;
    font-size: 1rem !important;
  }
  .content-sub-note {
    font-size: 12px !important;
  }
}
@media (max-width: 767.98px) {
  .event-item img {
    height: 205px;
  }
  .content-sub-title {
    max-width: 350px;
    line-height: 20px;
  }
}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.event-desc {
  font-size: 0.875rem;
}

.event-item-content {
  font-size: 22px;
  line-height: 35px;
}
.event-item img:hover {
  transform: scale(1.05);
}
.event-item-title:hover {
  color: #ff4000;
}
.event-item-content:hover {
  color: #f66600;
}

.page-link {
  border-radius: 0.375rem !important;
  color: black !important;
  font-weight: 700;
  font-size: 1.0625rem;
  border: 1px solid rgba(216, 217, 224, 1);
}
.page-link:hover {
  color: var(--secondary-color) !important;
}
.page-link.active {
  border-color: rgba(239, 239, 242, 1);
  background-color: rgba(239, 239, 242, 1);
}