body{
  margin: 0;
  padding: 0;
}
.btn-item{
  font-size: 10px;
}
.product-item{
  position: relative;
  transition: transform 0.3s;
}
.product-item:hover{
    position: relative;
    z-index: 99;
    transform: scale(1.15);
    transform-origin: center center;
    box-shadow: -0.5px 4px 8px 4px #dddddd;
}



.form-check-input[type=checkbox] {
  border-radius: 0;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FF0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked{
  background-color: white;
  border-color: #bfbfbf;
}
.carousel-indicators .active{
  background-color: white !important;
}
.carousel-indicators [data-bs-target]{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid white;
}
.banner-qoute{
  border: 2px solid white;
}
.accordion-button{
  border: none;
  color: white !important;
}
.accordion-button:focus{
  box-shadow: none !important;
}
.accordion-button.top-filter::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' style='color: white;' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  margin-left: auto;
}
.accordion-button.top-filter:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' style='color: white;' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  margin-left: 0;
}
.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-collapse{
  border: none !important;
  box-shadow: none !important;
}
.btn-search{
  background-color: #c61b1f;
  font-size: 14px !important;
  font-family: 'Poppins', sans-serif;
}
.text-red{
  color: #c61b1f;
}
.btn-cat{
  color: black !important;
  font-family: 'Poppins', sans-serif;
  font-size: 20px !important;
  font-weight: 700;
}
/* .list-check{
  list-style-type: none !important;
} */
ul{
  list-style-type: none !important;
}
span{
  font-size: 14px !important;
  font-family: 'Poppins', sans-serif;
}
.item{
  position: relative;
  transition: transform 0.3s;
}
.item:hover{
  position: absolute;
  z-index: 99;
  transform: scale(1.20);
}
.check-item{
  font-size: 12px !important;
}
.btn-item{
  background-color: #c61b1f;
}
.item-details{
  display: none;
}
.bg-red{
  background-color: #c61b1f;
}
.btn-confirm{
  border: 2px solid #c61b1f;
  font-size: 14px !important;
}
.shop-link{
  background-color: white;
  border: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}
.shop-link.active{
  color: #c61b1f;
  font-weight: bold;
  text-decoration: underline;
}
.btn-quote{
  border: 2px solid #fff;
  color:#fff;
  margin-right:20px;
  padding:  8px 12px !important;
  font-family: 'Poppins', sans-serif;
  font-size: 14px !important;
  width: 60%;
  text-align: center !important;
}

@media only screen and (max-width: 600px) {
  .btn-search{
    width: 100%;
  }
  .btn-item{
    font-size: 6px;
  }
}

.form-select:focus {
  outline: none;
  border-color: #c61b1f;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgb(234 76 137 / 10%);
}


