@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");

.dark-video-overlay {
  position: relative;
  overflow: hidden;
}

.dark-video-overlay video {
  width: 100%;
  height: 100%;
  display: block;
}

.dark-video-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55); /* control darkness */
  pointer-events: none;
  /* z-index: 2; */
}

.dark-overlay-bottom {
  position: relative;
}

.dark-overlay-bottom::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0.45) 25%,
    rgba(0, 0, 0, 0) 80%
  );
  pointer-events: none;
  /* z-index: 2; */
}

.logo-header.logo-header-text {
  font-size: xx-large;
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: bold;
}

.content-theme-font {
  font-family: "Space Grotesk", sans-serif !important;
  /* font-weight: bold; */
}

.internal-navbar {
  background-color: var(--dark) !important;
}

.slider-default .slider-wrap .image div {
  height: 100%;
}
.slider-default .slider-wrap .image div video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-theme-bg {
  background-color: rgb(75 21 95 / 1) !important;
}

.tf-topbar.bg-dark-brown .overflow-hidden::before {
  background: linear-gradient(to right, rgb(75 21 95 / 1), transparent);
}

.tf-topbar.bg-dark-brown .overflow-hidden::after {
  background: linear-gradient(to left, rgb(75 21 95 / 1), transparent);
}

.header-default .box-nav-menu .menu-item.active .item-link,
.header-default .box-nav-menu .menu-item:hover .item-link {
  color: #000;
}

.tf-btn.btn-line-white:hover {
  color: #000;
}

.tf-btn.btn-line-white:hover::after {
  background-color: #000 !important;
}

.tf-brand {
  gap: 50px;
}

.tf-brand img {
  height: auto;
  max-height: 120px;
  object-fit: contain;
}

.display-none {
  display: none !important;
}

.s-contact .wg-map {
  margin-top: 60px !important;
  margin-bottom: 0px !important;
}

.tf-page-title .box-title {
  max-width: 80% !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.product-detail-container {
  margin-top: 40px !important;
}

.tf-product-info-wrap .tf-product-extra-link {
  justify-content: center !important;
}

.tf-product-info-wrap .tf-product-heading {
  border-bottom: none;
}

@media (max-width: 480px) {
  .logo-header.logo-header-text {
    font-size: 20px;
  }

  .tf-brand {
    gap: 20px;
  }

  .tf-brand img {
    max-height: 60px;
  }
  .product-detail-container {
    margin-top: 20px !important;
  }
  .tf-sticky-btn-atc {
    bottom: 0;
  }
  .tf-sticky-btn-atc {
    transform: none !important;
  }
}