/* banner slider on index */
.carousel-item {
  height: 520px;
  width: 100%;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .carousel-item {
    height: 400px;
  }
}

@media (max-width: 480px) {
  .carousel-item {
    height: 300px;
  }
}

/* index category slider */
.category-single-item {
  text-align: center;
  position: relative;
}

.category-img-wrapper {
  position: relative;
  width: 170px;
  height: 170px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.category-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

.category-inner:hover,
.category-single-item:hover {
  border: 2px dashed var(--theme-color);
}

.category-img-wrapper:hover .overlay {
  background: rgba(0, 0, 0, 0.65);
}

.category-img-wrapper .title {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  color: #fff !important;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  pointer-events: none;
  z-index: 2;
  text-shadow: -1.5px -1.5px 0 #000, 1.5px -1.5px 0 #000, -1.5px 1.5px 0 #000,
    1.5px 1.5px 0 #000;
}

/* index product tab */
.product-tab-area {
  position: relative;
  /* z-index: 0; */
  background-image: url("../../../media/images/product-tab-area.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 50px 0px;
}

.product-tab-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  filter: blur(2px);
  transform: scale(1.1);
}

.product-tab-area > * {
  position: relative;
}

.nav-link {
  color: #ffff !important;
}

.nav-link.active {
  color: orange !important;
}

.product-bg-color {
  position: absolute;
}

/* Blog Card Wrapper */
.single-blog {
  background: #fafafa !important;
  border: 1px solid #eaeaea !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.single-blog:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Blog Image */
.single-blog .blog-image img {
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

/* Blog Text Area */
.single-blog .blog-text {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 20px !important;
  background-color: #fafafa !important;
  margin-top: 10px !important;
}

/* Blog Meta */
.blog-date {
  color: #ff6600 !important;
  font-size: 14px !important;
  margin-bottom: 8px !important;
}

.blog-heading {
  font-size: 20px !important;
  margin-bottom: 10px !important;
  color: #333 !important;
}

/* Limit Description to 4 lines */
.blog-detail-text {
  color: #666 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  /* margin-bottom: 20px !important; */
}

/* Read More Button */
.single-blog .btn {
  background: #333 !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  align-self: flex-start !important;
  margin-top: auto !important;
}

.single-blog .btn:hover {
  background: #ff6600 !important;
  color: #fff !important;
}

/* Spacing between slides */
.swiper-slide {
  padding: 15px !important;
  height: auto !important;
}
.venobox {
  z-index: 999999999 !important;
}

/* Limit Venobox height on desktop screens */
@media (min-width: 992px) {
  .vbox-content {
    max-height: 500px !important;
    overflow: hidden !important;
  }

  .vbox-content img {
    max-height: 500px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
/* Banner wrapper */
.banner {
  position: relative;
  height: 380px;
  /* same height for both images */
  overflow: hidden;
}

/* Image equal height */
.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

/* Black overlay */
.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  /* black overlay */
  z-index: 1;
  border-radius: 8px;
}

/* Text container */
.banner .info {
  position: absolute;
  inset: 0;
  display: flex;
  z-index: 2;
  /* overlay ke upar */
  padding: 25px;
}

/* Text styling */
.banner .title,
.banner p {
  color: #fff !important;
  text-align: right !important;
}

.banner .title {
  font-weight: 600;
}

.banner p {
  margin-bottom: 0;
}
/* Accordion active button */
.accordion-button:not(.collapsed) {
  background-color: #ff7004;
  color: #ffffff;
  box-shadow: none;
}

/* Remove focus outline & shadow */
.accordion-button:focus {
  box-shadow: none;
  outline: none;
  border-color: #ff7004;
}

/* Arrow icon color (Bootstrap uses filter) */
.accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.accordion-button {
  transition: all 0.3s ease;
}

/* .accordion-item .accordion-collapse.show {
    background-color: #FF7004;
    color: #ffffff;
} */