.news-pills .news-link.active,
.news-pills .show>.news-link {
  color: #FFFFFF !important;
  background-color: #CC9934 !important;
  padding: clamp(1px, 0.520834vw, 20px) clamp(1px, 3.90625vw, 150px) !important;
  border: clamp(1px, 0.15vw, 4px) solid #CC9934;
}

.news-pills .news-link {
  border-radius: clamp(1px, 0.6vw, 20px);
}

.news-link {
  padding: clamp(1px, 0.520834vw, 20px) clamp(1px, 3.90625vw, 150px) !important;
  color: #5D0013;
  border: clamp(1px, 0.15vw, 4px) solid #5D0013;
}

.news-link:hover {
  color: #FFFFFF !important;
  background-color: #CC9934 !important;
  border: clamp(1px, 0.15vw, 4px) solid #CC9934 !important;
}

.news-container {
  width: clamp(1px, 35.417vw, 1360px);
  height: 100%;
  border: clamp(1px, 0.15vw, 4px) solid #5D0013;
}

.news-item {
  padding: 0 clamp(1px, 0.96354vw, 37px);
}

.news-img {
  width: 100%;
  height: clamp(1px, 18.594vw, 714px);
  border-radius: clamp(1px, 1.2vw, 46px);
}

.news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(1px, 1.2vw, 46px);
}

.news-pills {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.news-pills::-webkit-scrollbar {
  display: none;
}


/* Single page */
.news-content {
  height: 752px;
}

.contact-btn {
  background-color: #5D0013;
}

.contact-btn:hover {
  background-color: #CC9934;
}

.custom-toast {
  position: fixed;
  top: 2%;
  right: 1%;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 9999999;
}

.custom-toast.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

@media (min-width: 768px) {
  .news-pills {
    justify-content: center;
    flex-wrap: wrap;
    overflow-x: visible;
  }
}

@media (max-width: 767px) {

  .news-pills .news-link.active,
  .news-pills .show>.news-link {
    padding: clamp(1px, 2.32559vw, 20px) clamp(1px, 8.13953vw, 150px) !important;
    border-radius: clamp(1px, 2vw, 20px) !important;
    border: clamp(1px, 0.5vw, 4px) solid #CC9934;
  }

  .news-link {
    padding: clamp(1px, 2.32559vw, 20px) clamp(1px, 8.13953vw, 150px) !important;
    border-radius: clamp(1px, 2vw, 20px) !important;
    border: clamp(1px, 0.5vw, 4px) solid #5D0013;
  }

  .news-container {
    width: 100%;
    height: 100%;
    border: clamp(1px, 0.5vw, 4px) solid #5D0013;
  }

  .news-img {
    width: 100%;
    height: clamp(1px, 45.35vw, 714px);
    border-radius: clamp(1px, 3.7vw, 46px);
  }

  .news-img img {
    border-radius: clamp(1px, 3.7vw, 46px);
  }

}

.news-item {
  flex: 0 0 auto;
}