#footer {
  background-color: #2b2b2b !important;
  color: #fff !important;
}
.three-col-footer__heading {
  color: inherit !important;
}
#sh-footer-git svg {
  color: #fff !important;
}
.vertical-soc-cont .sh-social-icon {
  background-color: #fff !important;
}
.vertical-soc-cont .sh-social-icon img {
  filter: invert(1);
}

.sh-home-page-prod-section .sh-solid-button:hover {
  background-color: #000;
}
.app-bar {
  background-color: #fff !important;
  color: #000 !important;
}
.app-bar-main svg {
  color: #000 !important;
}
.search-container:before {
  background-color: #000 !important;
}
.search-field .search-input {
  color: #000 !important;
}
.badge {
  background-color: #008000;
  color: #fff !important;
}
#sh-footer-copyright {
  background-color: #2b2b2b !important;
}

.cat-card-img {
  border-radius: 12px !important;
  border: 1px solid #ff2e93;
}

.section-heading-container {
  align-items: center;
}

.sh-banner-img-ctn img {
  border-radius: 12px !important;
}

.section-heading-viewall {
  background-color: #ff2e93;
  color: #fff;
  padding: 2px 12px;
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
}

.section-heading-viewall:hover {
  text-decoration: none;
}

.pr-outlined-button {
  background-color: #ff2e93 !important;
  color: #fff !important;
}

.pr-outlined-button:hover {
  background-color: #ef0074 !important;
}

.pr-long-card {
  background-color: #ffe3ef;
}

.app-bar-main > .page-container {
  padding-bottom: 54px;
  position: relative;
}
.app-bar-main > .page-container nav.desktop-nav {
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  overflow: auto;
  margin: 0 40px;
}
.app-bar-main > .page-container nav.desktop-nav::-webkit-scrollbar {
  display: none;
}
.app-bar-main > .page-container nav.desktop-nav .hidden {
  display: flex !important;
}
.app-bar-main
  > .page-container
  nav.desktop-nav
  .nav-item.flex.items-center.gap-2.text-nowrap.overflow-more-button {
  display: none !important;
}
@media (min-width: 767px) {
  .app-bar-main {
    box-shadow: 0px 1px 4px -2px #0000003b;
  }
}
.nav-link {
    font-size: 12px;
}