#description-container {
  position: relative;
  margin: 10px 0;
}

#description-box {
  transition: height 0.3s ease-in-out;
}

#toggle-description {
  display: block;
  margin-top: 10px;
}


.search-container {
  z-index: 9999;
}

.search-box input:focus {
  outline: none;
  box-shadow: none;
}

  /*=========Swal==========*/
  
  .swal-modal {
    width: 300px !important;
    padding: 10px !important;
  }
  .swal-title {
    font-size: 14px !important;
  }
  .swal-text {
    font-size: 12px !important;
    text-align: center;
  }
  .swal-button {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }
  
  .bg-image:hover .mask {
    opacity: 1; /* Show overlay on hover */
}



.responsive-img {
  min-height: 180px;
  max-height: 180px;
  object-fit: contain;
}

/* Tablets / iPads */
@media (min-width: 768px) {
  .responsive-img {
    max-height: 240px;
  }
}

/* Desktop */
@media (min-width: 1200px) {
  .responsive-img {
    max-height: 290px;
  }
}


.responsive-text {
  position: relative;
  justify-content: start;
  text-align: start;
}

/* Tablets / iPads */
@media (min-width: 768px) {
  .responsive-text {
    justify-content: center;
  text-align: center;
  }
}

/* Desktop */
@media (min-width: 1200px) {
  .responsive-text {
    justify-content: center;
  text-align: center;
  }
}