.header-top, .header-bottom, .btn.btn-primary, .btn-outline-secondary {
  background: #eb0100;
  border-color: #eb0100;
}
.header-top a:active, .header-top a:hover, .header-top a:focus {
  color: #eb0100;
}

.btn-white {
  color: #eb0100;
}

.heading-line {
  color: #eb0100;
}

.heading-line:after, #purchase-modal .btn-add-to-cart {
  background-color: #eb0100;
}

.link-product-detail:hover .item-product {
  border: 1px solid #eb0100;
}

.link-product-detail:hover .item-product .product-name {
  color: #eb0100;
}

.item-product.sale-badge .badge, .item-product.sale-badge .price-wrapper {
  background-color: #eb0100;
}

.product-slider .slick-dots li.slick-active button:before {
  color: #eb0100;
}

.pagination .page-link:hover, .pagination .page-item.active .page-link {
  color: #eb0100;
}

footer a {
  color: #eb0100;
}

.sidenav2 ul li a:hover, .sidenav2 ul li a:hover i {
  color; #eb0100;
}

.qty-input .btn-cart {
  background-color: #eb0100;
}

.product-detail-overview .price {
  color: #eb0100;
}

.filter-block .form-check input:checked ~ .checkmark {
  color: #eb0100;
}

footer .menu-bantuan a {
  color: #eb0100;
}

a {
  color: #eb0100;
}

a:hover {
  color: #eb0100;
  text-decoration: underline;
}
#news-and-events::before {
  background: #eb0100;
}
#main-services::before {
    background: #eb0100;
}

select.perpage_option {
    float: left;
    margin-right: 10px;
    border: 1px solid #999;
    height: 24px;
    background-color: #eb0100;
    color: #fff;
}

.external-article {
  background-color: #eb0100;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  padding: 20px;
}

@media (min-width: 768px) {
  .external-article {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 30px;
  }
}

.img-external-article {
  width: 100%;
  height: auto;
  object-fit: cover;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.img-external-article:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

@media (min-width: 768px) and (max-width: 1599.98px) {
  a.social-icon {
    max-width: 36px;
  }
  footer .logo-socmed {
    width: 32px;
    height: auto;
  }
}
@media (min-width: 1600px) {
  a.social-icon {
    max-width: 46px;
  }
  footer .logo-socmed {
    width: 42px;
    height: auto;
  }
}

.footer-top {
  background-color: #eb0100;
  color: white !important;
}

footer .menu-bantuan a {
  color: #fff !important;
}

footer .menu-footer a {
  color: #fff !important;
}

.menu-footer,
.menu-bantuan {
  border-right: 1px solid #fff;
}
.external-article-outer {
  padding-left: 12px;
  padding-right: 12px;
  background-color: #eb0100;
}

@media (max-width: 767.98px) {
  .heading-line {
    margin-bottom: 4px;
    margin-top: 4px;
  }
}