@font-face {
  font-family: avenir-reguler;
  src: url("../fonts/Metropolis-Regular.otf");
}
@font-face {
  font-family: avenir-bold;
  src: url("../fonts/Metropolis-Bold.otf");
}
@font-face {
  font-family: avenir-light;
  src: url("../fonts/Metropolis-Light.otf");
}
@font-face {
  font-family: avenir-italic;
  src: url("../fonts/Metropolis-RegularItalic.otf");
}
* {
  font-family: avenir-reguler !important;
}
h1,
h2,
h3,
h4 {
  font-weight: bold !important;
}
.bg-primary-red {
  background-color: #c8102e !important;
}
.bg-secodnary-red {
  background-color: #db6e80;
}
.bg-secondary-red-soft {
  background-color: #ffebee;
}
.input-red-soft {
  background-color: #ffebee;
  color: black !important;
}
.select-red-soft {
  background-color: #ffebee;
  color: black !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 8px;
  padding-right: 8px;
}
.input-red-soft:focus {
  background-color: #fdf3f4;
  color: black !important;
}
.input-red-soft::placeholder {
  color: black !important;
}
.bg-primary-yellow {
  background-color: #efb432;
}
.btn-primary-red {
  color: #fff;
  background-color: #c8102e;
  border-color: #db6e80;
}
.btn-outline-red {
  color: #c8102e;
  background-color: white;
  border-color: #c8102e;
}
.btn-primary-blue {
  color: #fff;
  background-color: #102ec6;
  border-color: #102ec6;
}
.btn-primary-green {
  color: #fff;
  background-color: #10c6a8;
  border-color: #10c6a8;
}
.bg-primary-green {
  background-color: #10c6a8;
}
.text-primary-red {
  color: #c8102e !important;
}
.btn-primary-red:hover,
.btn-primary-blue:hover {
  color: rgb(233, 233, 233);
}
.btn-outline-red:hover {
  color: #db6e80;
}
.border-primary-red {
  border: solid 1px #c8102e;
}
.font-size-12 {
  font-size: 12px !important;
}
.text-underline {
  text-decoration: underline;
}
.card-hover:hover {
  transform: translateY(-20px);
}
a {
  text-decoration: none;
  color: unset;
}
a:hover {
  text-decoration: none;
  color: unset;
}
.max-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.max-line-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.max-line-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.max-line-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.radius-sm {
  border-radius: 8px !important;
}
.radius-md {
  border-radius: 16px !important;
}
.radius-lg {
  border-radius: 24px !important;
}
.table th {
  color: #db6e80 !important;
}
.right-50 {
  right: 50% !important;
}
.left-50 {
  left: 50% !important;
}
.thumbnail-info {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.thumbnail-card {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.card-title {
  height: 40px;
}
.card-text {
  height: 55px;
}
.cart-button {
  position: fixed;
  right: 25px;
  bottom: 15px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #c8102e;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
}
.cart-count {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -5px;
  top: -5px;
  z-index: 9999;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  text-align: center;
  color: #c8102e;
  font-size: 0.8rem;
  cursor: pointer;
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .w-xs-100 {
    width: 100% !important;
  }

  .w-xs-75 {
    width: 75% !important;
  }

  .w-xs-50 {
    width: 50% !important;
  }

  .w-xs-25 {
    width: 25% !important;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-25 {
    width: 25% !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-25 {
    width: 25% !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-25 {
    width: 25% !important;
  }
}