[data-bs-toggle="collapse"] .fa-chevron-down {
	  transform: rotate(-180deg) ;
	  transition: all linear 0.25s;
	  }   
  [data-bs-toggle="collapse"].collapsed .fa-chevron-down {
    transform: rotate(0deg);
  }
  
 #product-tabs .nav-item {
    margin: 0;
  }
  #product-tabs .nav-link.active {
    padding: 8pt 20pt;
    background: var(--color-primary);
    color: #ffffff;
    border-color: #dee2e6 #dee2e6;
  }
  #product-tabs .nav-link {
    color: black;
    padding: 8pt 20pt;
    border-color: #dee2e6 #dee2e6;
    background: #fff;
  }
  #product-tabs-content {
    border: solid 1px #dee2e6;
    padding: 20pt;
    line-height: 1.8;
    background: #fff;
    margin-top: -1px;
  }
  
  /* Target the slide container */
.slider-thumbnail .swiper-slide, .slider-wrapper {
  display: flex;
  align-items: center;      /* Vertically centers the image */
  justify-content: center;   /* Horizontally centers the image */
  height: auto;              /* Ensures slide height is consistent */
}

/* Ensure images don't overflow */
.slider-thumbnail .swiper-slide img, .slider-wrapper img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;       /* Keeps aspect ratio without cropping */
}
/* 1. Force the swiper and its internal tracks to fill the 400px height */
.swiper-container-h12, 
.swiper-container-h12 .swiper-wrapper {
    height: 400px; 
}

/* 2. Make the slide a flexbox container */
.swiper-container-h12 .swiper-slide {
    display: flex !important;
    align-items: center;     /* Vertical centering */
    justify-content: center;  /* Horizontal centering */
    height: 100%;
}

/* 3. Ensure the inner wrapper also allows centering */
.swiper-container-h12 .slider-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/* 4. Constrain the image */
.swiper-container-h12 .slider-inner img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -5px;
    right: auto;
    overflow: visible;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -5px;
    left: auto;
    overflow: visible;
}

.swiper-button-next, .swiper-button-prev {
	color: var(--color-primary);
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 2.4rem;
	font-weight: 700;
}

.swiper-container-h12, .swiper-container-h12 .swiper-slide {
    background-color: #ffffff;
}